@charset "utf-8";

/*------------------------------------------------------------
  common
  ------------------------------------------------------------ */

  #suntory_contents .contents_wrap {
  	background-color:#fff000;
  	padding: 15px 0 0;
  }
  #suntory_contents .breadcrumbs {
  	margin-top: 0;
  }
#container2012_04{
	background:url(../img/bg_line.gif) repeat-y 0 0;
width:960px;
text-align:left;
margin:0 auto;
}

#suntory_contents ul, #suntory_contents li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#suntory_contents #sma_footer .btn_page_top {
display: none;
}

/* #contents
--------------------------------------------------*/
#contents{
padding:0 0 25px 0;
}

#title{
height:399px;
position:relative;
}

#title h1{
position:absolute;
top:0;
left:0;
z-index:1;
}

#title #sma{
position:absolute;
top:19px;
left:58px;
z-index:2;
}

#title #outline{
position:absolute;
top:7px;
left:735px;
z-index:3;
}

#contents h2{
margin:0;
}

#contents .column {
	overflow: hidden;
	zoom: 1;
}

#contents .column .left_col {
	float: left;
}

#contents .column .right_col {
	float: right;
}

#contents .wdtp01 .left_col,
#contents .wdtp01 .right_col {
	width: 480px;
}

#contents .wdtp02 .left_col {
	width: 448px;
}

#contents .wdtp02 .right_col {
	width: 512px;
}

#contents #floor4{
height:599px;
background:url(../img/4f.png) no-repeat;
_background:url(../img/4f_ie.gif) no-repeat;
position:relative;
margin-left:67px;
}

#floor4 #btn1{
position:absolute;
top:200px;
left:516px;
}

#floor4 #btn2{
position:absolute;
top:7px;
left:447px;
}

#floor4 #btn3{
position:absolute;
top:63px;
left:276px;
}

#floor4 #btn4{
position:absolute;
top:93px;
left:69px;
}

#floor4 #f4a{
position:absolute;
top:324px;
left:0;
}

#floor4 #f4b{
position:absolute;
top:416px;
left:404px;
}

#floor4 #f4c{
position:absolute;
top:460px;
left:746px;
}

#floor4 #f4d{
position:absolute;
top:97px;
left:681px;
}

#contents #floor3{
height:566px;
background:url(../img/3f.png) no-repeat;
_background:url(../img/3f_ie.gif) no-repeat;
position:relative;
margin-left:39px;
}

#floor3 #btn5{
position:absolute;
top:-11px;
left:628px;
}

#floor3 #btn6{
position:absolute;
top:267px;
left:585px;
}

#floor3 #btn7{
position:absolute;
top:215px;
left:355px;
}

#floor3 #btn8{
position:absolute;
top:-22px;
left:391px;
}

#floor3 #btnNext{
position:absolute;
top:19px;
left:248px;
}

#floor3 #f3a{
position:absolute;
top:205px;
left:24px;
}

#floor3 #f3b{
position:absolute;
top:174px;
left:763px;
}

#floor3 #f3c{
position:absolute;
top:446px;
left:787px;
}

#floor3 #f3d{
position:absolute;
top:50px;
left:94px;
}

#contents p.access{
text-align:center;
margin-top:48px;
}

#foot{
padding:40px 33px 0 28px;
}

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

*+html #foot{
min-height:1%;
}

*html #foot{
height:1%;
overflow:visible;
}

#foot ul{
float:left;
}

#foot ul.nav li{
float:left;
margin-right:5px;
}

#foot .cf{
float:right;
width:250px;
margin-top:11px;
}


#foot p.toPagetop{
float:right;
}


/* #footer
--------------------------------------------------*/
#footer2012_04{
background:url(../img/bg_footer.gif) repeat-x #ffffff;
}

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

*+html #footer2012_04{
min-height:1%;
}

*html #footer2012_04{
height:1%;
overflow:visible;
}

#footer2012_04 .inner{
width:950px;
border-top:1px solid #e3e3e3;
text-align:left;
margin:0 auto;
}

#footer2012_04 p#logo{
float:left;
padding:28px 0 29px 33px;
}

#footer2012_04 p#press_info{
float:right;
padding:53px 33px 0 0;
}

#footer2012_04 ul{
float:right;
padding-top:53px;
}

#footer2012_04 li{
float:left;
}






/*------------------------------------------------------------
  btnAreaiPCj
------------------------------------------------------------ */
#suntory_contents #btnArea { padding: 20px 0 30px; }

#suntory_contents #btnArea p a {
	text-indent: -9999px;
	margin: 0 auto;
	width: 400px;
	height: 68px;
	display: block;
	background: url(../img/btn_report_off.png) no-repeat 0 0;
}

#suntory_contents #btnArea p a:hover {
	background: url(../img/btn_report_on.png) no-repeat 0 0;
}

@media screen and (max-width:767px){

/*------------------------------------------------------------
  btnAreaiSPj
------------------------------------------------------------ */
#suntory_contents #btnArea { padding: -10px 0 0; }

#suntory_contents #btnArea p a {
	width: 100%;
	background-size: 60%;
	background-position: 50%;
}

#suntory_contents #btnArea p a:hover {
	background-size: 60%;
	background-position: 50%;
}

}