x/* reset
---------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, #suntoryTopFt, header,
hgroup, menu, nav, li,
time, mark, audio, video{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article, aside, dialog, figure, #suntoryTopFt, header,
hgroup, nav, li{
display:block;
}
ul{
list-style:none;
}
blockquote, q{
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
content:'';
content:none;
}
a{
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration:none;
}
ins{
color:#000;
text-decoration:none;
}
mark{
color:#000;
font-style:italic;
font-weight:bold;
}
del{
text-decoration:line-through;
}
abbr[title], dfn[title]{
border-bottom:1px dotted #000;
cursor:help;
}
table{
border-collapse:collapse;
border-spacing:0;
}
hr{
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select{
vertical-align:middle;
}

/* 
---------------------------------------------------- */
body{
font-family:"HraKakuProN-W6", "HelveticaNeue";
line-height:1;
-webkit-text-size-adjust:none;
-o-text-size-adjust:none;
-moz-text-size-adjust:none;
-ms-text-size-adjust:none;
-webkit-text-size-adjust:none;
text-size-adjust:none;
}
#suntory_contents{
width:100%;
background-color:#ffffff;
color:#223333;
}
#wrap{
padding:0 10px 0 10px;
}

/* header
---------------------------------------------------- */
header{
height:50px;
}
header p.logo{
float:left;
background:url(../img/hd_logo.png) no-repeat 0 0;
-webkit-background-size:140px 20px;
-o-background-size:140px 20px;
-moz-background-size:140px 20px;
-ms-background-size:140px 20px;
background-size:140px 20px;
text-indent:-9999px;
width:140px;
height:20px;
margin:15px 0 0 17px;
}
header p.logo a{
}
header p.toPc a{
display:block;
float:right;
width:78px;
height:27px;
border:1px solid #a4adb1;
-webkit-border-radius:6px;
-o-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
border-radius:6px;
background:url(/common/img/hd_ico_pc.png) no-repeat 6px center,-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e6ea));
background:url(/common/img/hd_ico_pc.png) no-repeat 6px center,-o-linear-gradient(#ffffff, #e0e6ea);
background:url(/common/img/hd_ico_pc.png) no-repeat 6px center,-moz-linear-gradient(#ffffff, #e0e6ea);
background:url(/common/img/hd_ico_pc.png) no-repeat 6px center,-ms-linear-gradient(#ffffff, #e0e6ea);
background:url(/common/img/hd_ico_pc.png) no-repeat 6px center,linear-gradient(#ffffff, #e0e6ea);
-webkit-background-size:16px 15px,auto;
-o-background-size:16px 15px,auto;
-moz-background-size:16px 15px,auto;
-ms-background-size:16px 15px,auto;
background-size:16px 15px,auto;
font-size:10px;
font-weight:bold;
color:#4b5b6b;
margin:11px 10px 0 0;
}
header p.toPc span{
display:block;
margin:8px 0 0 27px;
}







/* メインビジュアル
---------------------------------------------------- */

#mainVisualContainer{
text-align:center;
width:320px;
height:97px;
overflow:hidden;
z-index:1;
margin:0 auto 0 auto;
}





/* localNav
---------------------------------------------------- */
#hdNav{
width:320px;
margin:0 auto;
border-top:1px solid #ccd8df;
padding-bottom:1px;
}

#hdNav ul{
height:74px;
clear:both;
margin-bottom:-1px;
}

#hdNav ul:after{
display:block;
height:1px;
content:"";
}

#hdNav ul li{
float:left;
width:80px;
border-bottom:1px solid #a5b6be;
background:-webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#d8dfe3));
background:-o-linear-gradient(#ffffff, #d8dfe3);
background:-moz-linear-gradient(#ffffff, #d8dfe3);
background:-ms-linear-gradient(#ffffff, #d8dfe3);
background:linear-gradient(#ffffff, #d8dfe3);
}

#hdNav ul li:nth-child(1){
width:79px;
border-left:1px solid #a7b7bf;
}

#hdNav ul li a{
text-align:center;
display:block;
font-size:13px;
font-weight:bold;
color:#445566;
background-repeat:no-repeat;
background-position:center 11px,0 0;
-webkit-background-size:28px 29px,auto;
-o-background-size:28px 29px,auto;
-moz-background-size:28px 29px,auto;
-ms-background-size:28px 29px,auto;
background-size:28px 29px,auto;
padding:50px 0 11px 0;
border-right:1px solid #a7b7bf;
}
#hdNav ul:first-child li:nth-child(1) a{
background-image:url(../img/top_nav_prd.png),-webkit-gradient(
  linear, 
  0 0,
  0 8,
  from(rgba(230,233,235,1)), 
  to(rgba(231,235,236,0))
);
background-image:url(../img/top_nav_prd.png),-o-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_prd.png),-moz-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_prd.png),-ms-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_prd.png),linear-gradient(#ffffff, #d8dfe3);
}
#hdNav ul:first-child li:nth-child(2) a{
background-image:url(../img/top_nav_cp.png),-webkit-gradient(
  linear, 
  0 0,
  0 8,
  from(rgba(230,233,235,1)), 
  to(rgba(231,235,236,0))
);
background-image:url(../img/top_nav_cp.png),-o-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_cp.png),-moz-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_cp.png),-ms-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_cp.png),linear-gradient(#ffffff, #d8dfe3);
letter-spacing:-1px;
}
#hdNav ul:first-child li:nth-child(3) a{
background-image:url(../img/top_nav_movie.png),-webkit-gradient(
  linear, 
  0 0,
  0 8,
  from(rgba(230,233,235,1)), 
  to(rgba(231,235,236,0))
);
background-image:url(../img/top_nav_movie.png),-o-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_movie.png),-moz-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_movie.png),-ms-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_movie.png),linear-gradient(#ffffff, #d8dfe3);
}
#hdNav ul:first-child li:nth-child(4) a{
background-image:url(../img/top_nav_app.png),-webkit-gradient(
  linear, 
  0 0,
  0 8,
  from(rgba(230,233,235,1)), 
  to(rgba(231,235,236,0))
);
background-image:url(../img/top_nav_app.png),-o-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_app.png),-moz-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_app.png),-ms-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_app.png),linear-gradient(#ffffff, #d8dfe3);
}
#hdNav ul:last-child li:nth-child(1) a{
background-image:url(../img/top_nav_factory.png),-webkit-gradient(
  linear, 
  0 0,
  0 8,
  from(rgba(230,233,235,1)), 
  to(rgba(231,235,236,0))
);
background-image:url(../img/top_nav_factory.png),-o-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_factory.png),-moz-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_factory.png),-ms-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_factory.png),linear-gradient(#ffffff, #d8dfe3);
}
#hdNav ul:last-child li:nth-child(2) a{
background-image:url(../img/top_nav_gourmet.png),-webkit-gradient(
  linear, 
  0 0,
  0 8,
  from(rgba(230,233,235,1)), 
  to(rgba(231,235,236,0))
);
background-image:url(../img/top_nav_gourmet.png),-o-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_gourmet.png),-moz-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_gourmet.png),-ms-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_gourmet.png),linear-gradient(#ffffff, #d8dfe3);
background-position:center 6px,0 0;
-webkit-background-size:76px 34px,auto;
-o-background-size:76px 34px,auto;
-moz-background-size:76px 34px,auto;
-ms-background-size:76px 34px,auto;
background-size:76px 34px,auto;

}
#hdNav ul:last-child li:nth-child(3) a{
background-image:url(../img/top_nav_recipe.png),-webkit-gradient(
  linear, 
  0 0,
  0 8,
  from(rgba(230,233,235,1)), 
  to(rgba(231,235,236,0))
);
background-image:url(../img/top_nav_recipe.png),-o-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_recipe.png),-moz-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_recipe.png),-ms-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_recipe.png),linear-gradient(#ffffff, #d8dfe3);
background-position:center 6px,0 0;
-webkit-background-size:77px 31px,auto;
-o-background-size:77px 31px,auto;
-moz-background-size:77px 31px,auto;
-ms-background-size:77px 31px,auto;
background-size:77px 31px,auto;
}
#hdNav ul:last-child li:nth-child(4) a{
background-image:url(../img/top_nav_company.png),-webkit-gradient(
  linear, 
  0 0,
  0 8,
  from(rgba(230,233,235,1)), 
  to(rgba(231,235,236,0))
);
background-image:url(../img/top_nav_company.png),-o-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_company.png),-moz-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_company.png),-ms-linear-gradient(#ffffff, #d8dfe3);
background-image:url(../img/top_nav_company.png),linear-gradient(#ffffff, #d8dfe3);
padding:42px 0 4px 0;
line-height:1.1;
}






/* announcement
---------------------------------------------------- */
#announcement{
background:-webkit-gradient(
  linear, 
  0 0,
  0 6,
  from(#b9cbd1), 
  to(#dbe9ed)
);
background:-o-linear-gradient(
-90deg,
#b9cbd1 0%,
#dbe9ed 6px,
#dbe9ed 100%
);
background:-moz-linear-gradient(
-90deg,
#b9cbd1 0%,
#dbe9ed 6px,
#dbe9ed 100%
);
background:-ms-linear-gradient(
-90deg,
#b9cbd1 0%,
#dbe9ed 6px,
#dbe9ed 100%
);
background:linear-gradient(
-90deg,
#b9cbd1 0%,
#dbe9ed 6px,
#dbe9ed 100%
);
margin-top:1px;
}

#announcement ul{
background-color:#dbe9ed;
padding:10px 10px 13px 15px;
}

#announcement li{
font-size:13px;
line-height:165%;
color:#595959;
}

#announcement li a{
display:block;
font-size:14px;
font-weight:bold;
color:#445566;
background:url(../img/top_announcement_arrow.png) no-repeat 0 0.5em;
-webkit-background-size:6px 8px;
-o-background-size:6px 8px;
-moz-background-size:6px 8px;
-ms-background-size:6px 8px;
background-size:6px 8px;
padding:0 0 0 13px;
}

#announcement li.pc a{
background-image: url(../img/top_announcement_arrow.png), url(../img/top_icon_pc.png);  
background-position:0 0.3em,right center;  
background-repeat:no-repeat,no-repeat;
-webkit-background-size:6px 8px,16px 14px;
-o-background-size:6px 8px,16px 14px;
-moz-background-size:6px 8px,16px 14px;
-ms-background-size:6px 8px,16px 14px;
background-size:6px 8px,16px 14px;
padding-right:20px;
}



/* pickup
---------------------------------------------------- */
#pickup{
text-align:center;
background:-webkit-gradient(
  linear, 
  0 0,
  0 8,
  from(#197b94), 
  to(#5bc2dc)
),#5bc2dc;
background:-o-linear-gradient(
-90deg,
#197b94 0%,
#5bc2dc 8px,
#5bc2dc 100%
);
background:-moz-linear-gradient(
-90deg,
#197b94 0%,
#5bc2dc 8px,
#5bc2dc 100%
);
background:-ms-linear-gradient(
-90deg,
#197b94 0%,
#5bc2dc 8px,
#5bc2dc 100%
);
background:linear-gradient(
-90deg,
#197b94 0%,
#5bc2dc 8px,
#5bc2dc 100%
);
padding-bottom:20px;
}

#pickup .whatsnew:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

#pickup .whatsnew h2{
float:left;
color:#ffffff;
font-size:18px;
font-style:normal;
letter-spacing:0;
padding:17px 0 0 10px;
}

#pickup .whatsnew p{
float:right;
padding:13px 10px 0 0;
}

#pickup .whatsnew p a{
display:block;
font-size:12px;
color:#526272;
font-weight:bold;
border:1px solid #cbd5da;
background:-webkit-gradient(linear, center top, center bottom, from(#fff), to(#d9e2e6));
-webkit-border-radius:5px;
-webkit-box-shadow: 0 0 4px 1px #218ca7;
padding:6px 6px;
letter-spacing:1px;
}

#pickup .whatsnew p span{
display:inline-block;
vertical-align:top;
font-size:8px;
color:#fff;
background:#ff9c00;
-webkit-border-radius:20px;
padding:2px 6px;
letter-spacing:0;
margin:0 0 0 3px;
}

#pickup ul{
width:300px;
margin:0 auto 0 auto;
}

#pickup li{
position:relative;
margin:10px 0 0 0;
}

#pickup li .image img{
width:108px;
height:71px;
background:#fff;
border:1px solid #2e96b0;
padding:1px;
}
#pickup .image{
display:table-cell;
text-align:left;
width:135px;
vertical-align:top;
}

#pickup li p{
display:table-cell;
width:165px;
vertical-align:top;
text-align:left;
font-size:14px;
line-height:1.4;
border:1px solid #1789b4;
background:-webkit-gradient(linear,left top,left bottom,
			from(#fff),
			color-stop(0.01,#fff),
			color-stop(0.49,#fff),
			color-stop(0.80,#fff),
			color-stop(0.99,#f1f1f1),
			to(#f1f1f1));
background:-o-linear-gradient(
-90deg,
#fff 0%,
#fff 80%,
#f1f1f1 99%,
#f1f1f1 100%
);
background:-moz-linear-gradient(
-90deg,
#fff 0%,
#fff 80%,
#f1f1f1 99%,
#f1f1f1 100%
);
background:-ms-linear-gradient(
-90deg,
#fff 0%,
#fff 80%,
#f1f1f1 99%,
#f1f1f1 100%
);
background:linear-gradient(
-90deg,
#fff 0%,
#fff 80%,
#f1f1f1 99%,
#f1f1f1 100%
);
-webkit-border-radius:8px;
-o-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
border-radius:8px;
box-shadow: 1px 1px 2px 0px #49acc8;
padding:8px;
}

#pickup li a{
color:#445566;
}

#pickup li p span{
display:block;
background:url(../img/top_pu_arrow.png) no-repeat right bottom;
-webkit-background-size:20px 20px;
-o-background-size:20px 20px;
-moz-background-size:20px 20px;
-ms-background-size:20px 20px;
background-size:20px 20px;
padding-right:15px;
}

#pickup li p span img{
vertical-align:top;
margin:2px 0 0 3px;
}

#pickup li img.baloon{
position:absolute;
top:28px;
left:124px;
z-index:10;
}
/* pickup_wiew */
#pickup .pickup_wiew p img {
margin-top: 15px;
text-align: center;
}
/* mail_wiew */
.mail_wiew a {
	font-size: 0;
	line-height: 0;	
}

/* social_wiew */
.social_wiew {
background-color: #d9e3e6;
padding: 20px 20px 15px;
}
.social_wiew p {
text-align: center;	
}
article {
margin-bottom: 10px;	
}
article .wiew_area {
/* width: 600px; */
/* margin: 40px auto 0; */
padding: 25px 10px 0 10px;
}
/* 地域エリア情報 20140527 shimrua */
article .local_info_area {
width: 320px;margin: 25px auto 10px;	
}
article .local_info_area .inner {
width: 300px;
margin: 0 auto;
position: relative;
}
article .local_info_area .inner p.touhoku {
margin-bottom: 6px;
position:absolute;
top: 44%;
left: 8%;
}
article .local_info_area .inner ul {
	overflow: hidden;
	zoom: 1;
	position: absolute;
	top: 85px; 
	left: 17px;
}
article .local_info_area .inner ul li {
	float: left;
	/* width: 85px;
	margin-right: 5px; */
	width: 46%;
	margin: 0 2% 2.5% 0;
	font-size: 0;
	line-height: 0;
}
article .local_info_area .inner ul li:last-of-type {
	margin-right: 0;	
}

/* article .local_info_area .inner p.kyusyu {
position:absolute;
top: 70%;
left: 8%;
}
article .local_info_area .inner p.touhoku a,
article .local_info_area .inner p.kyusyu a {
display: block;
-webkit-background-size:100% 100%;
-o-background-size:100% 100%;
-moz-background-size:100% 100%;
-ms-background-size:100% 100%;
background-size:100% 100%;
width: 92%;
height: 45%;
}
article .local_info_area .inner p.touhoku a {
background-image:url(/img/btn_info_touhoku.png);
}
article .local_info_area .inner p.kyusyu a {
background-image:url(/img/btn_info_kyusyu.png);
} */
article .local_info_area p.ct_btn {
color: #445566;
font-size: 14px;
padding: 10px 10px 0;
text-align: left;
}
article .wiew_area p.ct_btn {
color: #445566;
font-size: 14px;
padding-top: 10px;
text-align: left;
}
/* csr_btn */
p.csr_btn {
margin-top: 28px;
text-align: center;
/* width: 100%; */
}
p.csr_btn a {
background-color: #5bc2dc;
display:block;
font-size:14px;
line-height: 1.2;
color:#FFF;
font-weight:bold;
/* border:1px solid #a4adb1; */
border-radius:7px;
/* padding:25px 25px 25px 25px; */
padding: 16px 5px;
margin: 30px 10px 0;
}
p.csr_btn a span {
padding-left: 16px;
background: url(../img/top_arrow_ic01.png) no-repeat left center;
/* -webkit-background-size: 13px 17px;
-o-background-size: 13px 17px;
-moz-background-size: 13px 17px;
-ms-background-size: 13px 17px;
background-size: 13px 17px; */
-webkit-background-size: 10px 10px;
-o-background-size: 10px 10px;
-moz-background-size: 10px 10px;
-ms-background-size: 10px 10px;
background-size: 10px 10px;
}


/* whatsnew
---------------------------------------------------- */
#whatsnew{
}


#whatsnew .whatsnew{
border-bottom:1px solid #c0c9cd;
padding-bottom:10px;
}

#whatsnew .whatsnew:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

#whatsnew .whatsnew h2{
float:left;
color:#445566;
font-size:18px;
font-style:normal;
letter-spacing:2px;
padding:17px 0 0 10px;
}

#whatsnew .whatsnew h2 span{
display:inline-block;
vertical-align:top;
font-size:10px;
color:#fff;
background:#ff9c00;
-webkit-border-radius:20px;
-o-border-radius:20px;
-moz-border-radius:20px;
-ms-border-radius:20px;
border-radius:20px;
padding:3px 4px 4px 7px;
margin:1px 0 0 5px;
}

#whatsnew .whatsnew p{
float:right;
padding:13px 10px 0 0;
}

#whatsnew .whatsnew p a{
display:block;
font-size:12px;
color:#526272;
font-weight:bold;
border:1px solid #a4adb1;
background:url(../img/top_announcement_arrow.png) no-repeat 8px center,-webkit-gradient(linear, center top, center bottom, from(#fff), to(#d9e2e6));
background:url(../img/top_announcement_arrow.png) no-repeat 6px center,-o-linear-gradient(#fff, #d9e2e6);
background:url(../img/top_announcement_arrow.png) no-repeat 6px center,-moz-linear-gradient(#fff, #d9e2e6);
background:url(../img/top_announcement_arrow.png) no-repeat 6px center,-ms-linear-gradient(#fff, #d9e2e6);
background:url(../img/top_announcement_arrow.png) no-repeat 6px center,linear-gradient(#fff, #d9e2e6);
-webkit-background-size:5px 6px,auto;
-o-background-size:5px 6px,auto;
-moz-background-size:5px 6px,auto;
-ms-background-size:5px 6px,auto;
background-size:5px 6px,auto;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
padding:6px 6px 6px 17px;
-webkit-box-shadow: 0 0 4px 1px #e7edef;
letter-spacing:1px;
}

#whatsnew .whatsnew p span{
display:inline-block;
vertical-align:top;
font-size:8px;
color:#fff;
background:#ff9c00;
-webkit-border-radius:20px;
padding:2px 6px;
letter-spacing:0;
margin:0 0 0 3px;
}





#whatsnew section a{
display:block;
color:#445566;
border-bottom:1px solid #c0c9cd;
padding:10px 35px 10px 10px;
position:relative;
background:url(../img/top_icon_pc.png) no-repeat 97% center;
-webkit-background-size:16px 15px;
-o-background-size:16px 15px;
-moz-background-size:16px 15px;
-ms-background-size:16px 15px;
background-size:16px 15px;
}

#whatsnew section p{
font-size:14px;
line-height:1.5;
}

#whatsnew section p img{
vertical-align:top;
margin:2px 0 0 3px;
}














/* toPageTop
---------------------------------------------------- */
p#toPageTop{
text-align:right;
margin:15px 15px 0 0;
}
p#toPageTop a{
display:inline-block;
font-size:12px;
font-weight:bold;
color:#445566;
background:url(../img/arrow_top.png) no-repeat left center;
-webkit-background-size:10px 6px;
-o-background-size:10px 6px;
-moz-background-size:10px 6px;
-ms-background-size:10px 6px;
background-size:10px 6px;
padding-left:15px;
margin-bottom:15px;
}




/* toWhatsnew
---------------------------------------------------- */
p#toWhatsnew{
text-align:right;
margin:0 15px 0 0;
}

p#toWhatsnew{
}

p#toWhatsnew a{
display:block;
display:inline-block;
font-size:12px;
color:#fff;
font-weight:bold;
background:-webkit-gradient(linear, center top, center bottom, from(#ff8a00), to(#f47106));
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
padding:8px 12px;
letter-spacing:1px;
-webkit-box-shadow: 0 -1px 4px 1px #ddd;
}

p#toWhatsnew span{
display:inline-block;
vertical-align:top;
font-size:8px;
color:#f67b00;
background:#fff;
-webkit-border-radius:20px;
padding:2px 6px;
letter-spacing:0;
margin:0 0 0 3px;
}




/* topNav
---------------------------------------------------- */
#topNav{
border:1px solid #a4adb1;
-webkit-box-shadow: 0 0 3px 2px #dce5e7;
-o-box-shadow: 0 0 3px 2px #dce5e7;
-moz-box-shadow: 0 0 3px 2px #dce5e7;
-ms-box-shadow: 0 0 3px 2px #dce5e7;
box-shadow: 0 0 3px 2px #dce5e7;
-webkit-border-radius:6px;
-o-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
border-radius:6px;
margin:0 10px;
}

#topNav dt{
background:url(../img/top_nav.png) no-repeat 11px center #d7dddf;
-webkit-background-size:17px 13px;
-o-background-size:17px 13px;
-moz-background-size:17px 13px;
-ms-background-size:17px 13px;
background-size:17px 13px;
color:#445566;
font-size:16px;
font-weight:bold;
border-bottom:1px solid #a4adb1;
padding:13px 0 13px 35px;
-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-o-border-top-left-radius:6px;
-o-border-top-right-radius:6px;
-moz-border-top-left-radius:6px;
-moz-border-top-right-radius:6px;
-ms-border-top-left-radius:6px;
-ms-border-top-right-radius:6px;
border-top-left-radius:6px;
border-top-right-radius:6px;
}

#topNav dd{
display:block;
font-size:16px;
background:-webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#dae1e4));
background:-o-linear-gradient(-90deg,#fcfcfc 0%, #dae1e4 100%);
background:-moz-linear-gradient(-90deg,#fcfcfc 0%, #dae1e4 100%);
background:-ms-linear-gradient(-90deg,#fcfcfc 0%, #dae1e4 100%);
background:linear-gradient(-90deg,#fcfcfc 0%, #dae1e4 100%);
letter-spacing:1px;
border-bottom:1px solid #a4adb1;
}

#topNav dd a{
display:block;
background:url(../img/top_nav_next.png) no-repeat 97% center;
-webkit-background-size:9px 13px;
-o-background-size:9px 13px;
-moz-background-size:9px 13px;
-ms-background-size:9px 13px;
background-size:9px 13px;
}

#topNav dd.pc a{
background:url(../img/top_nav_pc.png) no-repeat 97% center;
-webkit-background-size:19px 18px;
-o-background-size:19px 18px;
-moz-background-size:19px 18px;
-ms-background-size:19px 18px;
background-size:19px 18px;
}

#topNav dd:last-child{
border-bottom:none;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;
-o-border-bottom-left-radius:6px;
-o-border-bottom-right-radius:6px;
-moz-border-bottom-left-radius:6px;
-moz-border-bottom-right-radius:6px;
-ms-border-bottom-left-radius:6px;
-ms-border-bottom-right-radius:6px;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
}

#topNav dd a{
display:block;
color:#445566;
font-size:16px;
line-height:1.5;
font-weight:bold;
padding:10px;
}

#topNav dd:nth-child(3) a{
letter-spacing:0;
}

#topNav dd:nth-child(3) a span{
letter-spacing:1px;
}

#topNav dd:nth-child(4) a{
letter-spacing:0;
}

#topNav dd:nth-child(4) a span{
letter-spacing:1px;
}

#topNav dd:nth-child(7) a{
letter-spacing:0;
}

#topNav dd:nth-child(7) a span{
}

#topNav dd:nth-child(10) a span{
letter-spacing:-1px;
}

#topNav dd a span{
display:block;
color:#666666;
font-size:12px;
font-weight:normal;
}





/* #suntoryTopFt
---------------------------------------------------- */
#suntoryTopFt{
padding:0 0 15px 0;
}
#suntoryTopFt p.toPc a{
display:block;
float:right;
width:78px;
height:27px;
border:1px solid #a4adb1;
-webkit-border-radius:6px;
-o-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
border-radius:6px;
background:url(../img/top_icon_pc.png) no-repeat 6px center,-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e6ea));
background:url(../img/top_icon_pc.png) no-repeat 6px center,-o-linear-gradient(#ffffff, #e0e6ea);
background:url(../img/top_icon_pc.png) no-repeat 6px center,-moz-linear-gradient(#ffffff, #e0e6ea);
background:url(../img/top_icon_pc.png) no-repeat 6px center,-ms-linear-gradient(#ffffff, #e0e6ea);
background:url(../img/top_icon_pc.png) no-repeat 6px center,linear-gradient(#ffffff, #e0e6ea);
-webkit-background-size:16px 15px,auto;
-o-background-size:16px 15px,auto;
-moz-background-size:16px 15px,auto;
-ms-background-size:16px 15px,auto;
background-size:16px 15px,auto;
font-size:10px;
font-weight:bold;
color:#4d5d6d;
margin:15px 10px 15px 0;
}
#suntoryTopFt p.toPc span{
display:block;
margin:8px 0 0 27px;
}
#suntoryTopFt hr{
clear:both;
height:9px;
background:url(../img/ft_hr.png) repeat-x;
-webkit-background-size:auto 9px;
-o-background-size:auto 9px;
-moz-background-size:auto 9px;
-ms-background-size:auto 9px;
background-size:auto 9px;
margin:0;
padding:9px 0 0 0;
}

#suntoryTopFt ul{
margin:0 0 12px 10px;
}

#suntoryTopFt li{
display:inline;
font-size:10px;
line-height:1.3;
font-weight:bold;
color:#444444;
margin:0 10px 0 0;
}

#suntoryTopFt li a{
color:#4CABC2;
}

#suntoryTopFt p.notice{
font-size:8px;
line-height:1.3;
color:#444444;
margin:0 10px 0 10px;
}

#suntoryTopFt p.logo{
background:url(/common/img/logo_ft.png) no-repeat 0 0;
-webkit-background-size:164px 14px;
-o-background-size:164px 14px;
-moz-background-size:164px 14px;
-ms-background-size:164px 14px;
background-size:164px 14px;
text-indent:-9999px;
width:164px;
height:14px;
margin:10px 0 10px 10px;
}

#suntoryTopFt small{
display:block;
font-size:7px;
line-height:1.3;
color:#b1b5b6;
font-family:"HelveticaNeue";
font-weight:normal;
margin:0 10px;
}



/* @media screen and (orientation:landscape) {
article .local_info_area .inner p.touhoku {
top: 44%;
left: 8%;
}
article .local_info_area .inner p.kyusyu {
top: 70%;
left: 8%;
}
article .local_info_area .inner p.touhoku a,
article .local_info_area .inner p.kyusyu a {
width: 92%;
height: 92%;
} */


} /*  end */