@charset "Shift_JIS";


/* ============================== html5 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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    /* font-size:100%; */
    vertical-align:baseline;
    background:transparent;
}
em {
	font-style: normal;	
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
nav ul,
ol,
ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    /* font-size:100%; */
    vertical-align:baseline;
    background:transparent;
	text-decoration: none;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}


/* ============================== common setting */
body {
	margin: 0;
	padding: 0;	
}
#suntory_contents{
margin:0;
padding:0;
background-color:#ffffff;
text-align:center;
color:#333333;
font-size: .8125em;
}
#suntory_contents a,
#suntory_contents a:link,
#suntory_contents a:visited,
#suntory_contents a:hover {
	text-decoration: none;
}

#tab_line {
	background: url(../img/bg_tag_line.gif) repeat-x 0 0;
	padding: 13px 0 14px;
}
#tab_line .inner {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
}
#tab_line .inner h1 {
	float: left;
	width: 162px;
	padding-left: 21px;
	font-size: 0;
	line-height: 0;
}
#tab_line .inner ul {
	overflow: hidden;
	zoom: 1;
	float: right;
	width: 300px;
	padding-top: 6px;
	text-align: right;
}
#tab_line .inner ul li {
	display: inline;
	color: #c8f3fe;
	padding-left: 5px;
	padding-right: 5px;
	font-size: .75em;
}
#tab_line .inner ul li.first {
	padding-right: 12px;
	color: #FFF;
	background:url(../img/arrow_icon01.gif) no-repeat 100% 0.2em;
}
/* #tab_line .inner ul li a {	
	color: #c8f3fe;
} */
#container {
	background: #FFF url(../img/bg_contents_inn.gif) repeat-x 0 0;
}
#container #contents{
width:960px;
text-align:left;
margin:0 auto 0;
padding-top: 30px;
}
#container #contents .main_view {
	margin-bottom: 25px;	
}
#container #contents .main_view dl.leed {
	overflow: hidden;
	zoom: 1;	
}
#container #contents .main_view dl.leed dt,
#container #contents .main_view dl.leed dd {
	float: left;	
}
#container #contents .main_view dl.leed dt {
	width: 659px;
	padding-top:15px;
}
#container #contents .main_view dl.leed dd {
	width: 301px;
	font-size: 0;
	line-height: 0;
}
#container #contents .main_view .leed_area {
	overflow: hidden;
	zoom: 1;
	background:url(../img/bg_hd_tp01.gif) no-repeat left top;
	padding-top: 107px;	
	position: relative;
	z-index: 1;
}
#container #contents .main_view .leed_area .inner {
	background: url(../img/bg_ct_tp01.gif) no-repeat left bottom;
	padding: 0 45px 23px 35px;	
	overflow: hidden;
	zoom: 1;
}
#container #contents .main_view .leed_area .inner h2.leed_logo {
	position: absolute;
	top: 50px;
	left: 45px;
	z-index: 10;
	height: 71px;
}
#container #contents .main_view .left_col,
#container #contents .sub_view .left_col {
	width: 400px;
	float: left;
	margin-top: 45px;
}
#container #contents .main_view .right_col,
#container #contents .sub_view .right_col {
	width: 417px;
	float: right;
}
/* news_block */
#container #contents .news_block p.leed_tl {
	padding-bottom: 20px;	
}
#container #contents .news_block p.leed_tl span {
	color: #e21b00;
	padding-left: 15px;	
}
#container #contents .news_block p.leed_tl a {
	background: url(../img/arrow_icon_02.gif) no-repeat 0 0.3em;
	padding-left: 12px;
	font-size: 1.5em;
	font-weight: bold;
	color: #0066aa;
}
#container #contents .news_block dl {
	overflow: hidden;
	zoom: 1;
	padding: 0 0 7px 10px;
}
#container #contents .news_block dl dt {
	float: left;
	padding-right: 17px;	
}
#container #contents .news_block dl dd {
	overflow: hidden;
	zoom: 1;
	padding-top: 3px;
}
#container #contents .news_block p.note {
	font-size: .75em;
	color: #888888;
	padding: 0 0 15px 10px;	
}
#container #contents .news_block dl.btn_link {
	padding-bottom: 0;
}
#container #contents .news_block dl.btn_link dd {
	padding-top: 13px;	
}
#container #contents .news_block dl.btn_link dd a {
	background: url(../img/arrow_icon_02.gif) no-repeat 0 0.3em;
	padding-left: 12px;
	color: #0066aa;
}
/* limit_block */
#container #contents .limit_block {
	position: relative;
}
#container #contents .limit_block p.image {
	font-size: 0;
	line-height: 0;	
}
#container #contents .limit_block p.link_txt {
	position: absolute;
	top: 145px;
	left: 45px;
}
#container #contents .limit_block p.link_txt a {
	background: url(../img/arrow_icon_02.gif) no-repeat 0 0.3em;
	padding-left: 12px;
	color: #0066aa;
}
#container #contents .category_area .inner_inn .sub_view .inner {
	background:url(../img/bg_inn_ct_tp01.gif) no-repeat left bottom;
	overflow: hidden;
	zoom: 1;
	padding: 0 25px 25px 25px;
}
#container #contents .category_area .inner_inn .sub_view .inner .left_col {
	margin-top: 15px;
	padding-left: 20px;
}
#container #contents .category_area .inner_inn .sub_view .inner .right_col {
	position: absolute;
	z-index: 10;
	top: 48px;
	right: 23px;
}
#container #contents .category_area .inner_inn .sub_view .inner .right_col p.link_txt {
	top: 155px;	
}
/* column_block */
#container #contents .softdrink .column_block {
	overflow: hidden;
	zoom: 1;
	padding: 0 0 0 18px;
}
#container #contents .column_block .left_column {
	width: 440px;
	float: left;
	padding: 0 0 30px 0;
	margin: 25px 35px 0 0;
	overflow: hidden;
	zoom: 1;
	/* border-bottom: 1px solid #bedde4; */
}
#container #contents .column_block .last_cl {
	margin-right: 0;
}
#container #contents .column_block .bd_none {
	border-bottom: 0px solid #bedde4;
	padding-bottom: 0;
}
#container #contents .column_block .left_column .img_unit {
	width: 120px;
	float: left;
	margin-right: 13px;
}
#container #contents .column_block .left_column .text_unit {
	overflow: hidden;
	zoom: 1;
}
/* news_block */
#container #contents .column_block .left_column .text_unit p.leed_tl {
	padding: 5px 0 15px 0;	
}
#container #contents .column_block .left_column .text_unit p.leed_tl span {
	color: #e21b00;
	padding-left: 15px;	
}
#container #contents .column_block .left_column .text_unit p.leed_tl a {
	background: url(../img/arrow_icon_02.gif) no-repeat 0 0.3em;
	padding-left: 12px;
	font-size: 1.5em;
	font-weight: bold;
	color: #0066aa;
	display: block;
}
#container #contents .column_block .left_column .text_unit dl {
	overflow: hidden;
	zoom: 1;
	padding: 0 0 7px 10px;
}
#container #contents .column_block .left_column .text_unit dl dt {
	float: left;
	padding-right: 10px;	
}
#container #contents .column_block .left_column .text_unit dl dd {
	overflow: hidden;
	zoom: 1;
	padding-top: 3px;
}
#container #contents .column_block .left_column .text_unit p.note {
	font-size: .75em;
	color: #888888;
	padding: 0 0 10px 10px;	
}
#container #contents .column_block .left_column .text_unit dl.btn_link {
	padding-bottom: 0;
}
#container #contents .column_block .left_column .text_unit dl.btn_link dd {
	padding-top: 10px;	
}
#container #contents .column_block .left_column .text_unit dl.btn_link dd a {
	background: url(../img/arrow_icon_02.gif) no-repeat 0 0.3em;
	padding-left: 12px;
	color: #0066aa;
}

/* category_area */
#container #contents .category_area {
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 43px;
	margin-bottom: 20px;
}
#container #contents .category_area .inner_inn {
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 20px 30px;
	overflow: hidden;
	zoom: 1;
}
/* factory */
#container #contents .factory {
	background-image: url(../img/bg_hd_tp00.gif);
}
#container #contents .factory .inner_inn {
	background-image: url(../img/bg_ct_tp00.gif);
}
#container #contents .factory .column_block .left_column {
	padding-bottom: 0;
}
/* softdrink */
#container #contents .softdrink {
	background-image: url(../img/bg_hd_tp02.gif);
}
#container #contents .softdrink .inner_inn {
	background-image: url(../img/bg_ct_tp02.gif);
	padding-left: 3px;
}
#container #contents .softdrink .sub_view {
	background: url(../img/bg_inn_hd_tp01.gif) no-repeat left top;
	padding-top: 96px;
	position: relative;
	z-index: 1;
}
#container .softdrink .left_column {
	border-bottom: 1px solid #bedde4;
}
/* tea */
#container #contents .tea {
	background-image: url(../img/bg_hd_tp03.gif);
}
#container #contents .tea .inner_inn {
	background-image: url(../img/bg_ct_tp03.gif);
}
#container .tea .left_column {
	border-bottom: 1px solid #bbe3a7;
}
/* liquor */
#container #contents .liquor {
	background-image: url(../img/bg_hd_tp04.gif);
}
#container #contents .liquor .inner_inn {
	background-image: url(../img/bg_ct_tp04.gif);
}
#container .liquor .left_column {
	border-bottom: 1px solid #ddd1a6;
}
/* liquor */
#container #contents .gourmet {
	background-image: url(../img/bg_hd_tp05.gif);
}
#container #contents .gourmet .inner_inn {
	background-image: url(../img/bg_ct_tp05.gif);
}
#container #contents .gourmet .column_block .left_column {
	padding-bottom: 0;
}
/* flower */
#container #contents .flower {
	background-image: url(../img/bg_hd_tp06.gif);
}
#container #contents .flower .inner_inn {
	background-image: url(../img/bg_ct_tp06.gif);
}
#container #contents .flower .column_block .left_column {
	padding-bottom: 0;
}
/* art */
#container #contents .art {
	background-image: url(../img/bg_hd_tp07.gif);
}
#container #contents .art .inner_inn {
	background-image: url(../img/bg_ct_tp07.gif);
}
#container #contents .art .column_block .left_column {
	padding-bottom: 0;
}
#container #contents p.ct_btn {
	text-align: center;
	padding-top: 15px;
	margin-bottom: 40px;
}

/*2014.2.17追記*/
#container #contents .close{
min-height:400px;
margin: 25px 50px 0px 50px;
}

#container #contents .close p{
font-size: 1.25em;
line-height:160%;
/*text-align:center;*/
margin: 0 0 25px 100px;
}

#container #contents .close p.link{
background: url(../img/arrow_icon_02.gif) no-repeat 0 0.3em;
padding-left: 12px;
font-weight:bold;
}