@charset "utf-8";
/* CSS Document */

#suntory_contents #contents_wrap {
	width: 100%;
	background: url(../business/img201703/main_visual_wrap_bg.png) center 32px no-repeat;	
}	

#suntory_contents #contents {
    padding-bottom: 60px;
}	

#suntory_contents #main_visual {
	width: 960px;
	height: 300px;
	margin : 0 auto;
	text-indent: -9999px;
	background: url(../business/img201703/main_visual.png) left top no-repeat;
}

	#suntory_contents #main_visual h1 {
		text-indent: -9999px;
	}


#suntory_contents #links {
	width: 960px;
	height: 135px;
	margin: 50px auto;
}

	#suntory_contents #links ul {
		width: 775px;
		height: 135px;
		margin: 0 auto;
	}

	#suntory_contents #links li {
		width: 135px;
		height: 135px;
		margin-right: 25px;
		float: left;
	}

	#suntory_contents #links li:last-child {
		margin-right: 0;
	}

	#suntory_contents #links li a {
		display: block;
		width: 135px;
		height: 135px;
		text-indent: -9999px;
	}

	#suntory_contents #links li#menu1 a { background: url(../business/img201703/menu1.png) left top no-repeat;}
	#suntory_contents #links li#menu2 a { background: url(../business/img201703/menu2.png) left top no-repeat;}
	#suntory_contents #links li#menu3 a { background: url(../business/img201703/menu3.png) left top no-repeat;}
	#suntory_contents #links li#menu4 a { background: url(../business/img201703/menu4.png) left top no-repeat;}
	#suntory_contents #links li#menu5 a { background: url(../business/img201703/menu5.png) left top no-repeat;}
	#suntory_contents #links li#menu6 a { background: url(../business/img201703/menu6.png) left top no-repeat;}	

	#suntory_contents #links li#menu1 a:hover { background: url(../business/img201703/menu1.png) left -135px no-repeat;}
	#suntory_contents #links li#menu2 a:hover { background: url(../business/img201703/menu2.png) left -135px no-repeat;}
	#suntory_contents #links li#menu3 a:hover { background: url(../business/img201703/menu3.png) left -135px no-repeat;}
	#suntory_contents #links li#menu4 a:hover { background: url(../business/img201703/menu4.png) left -135px no-repeat;}
	#suntory_contents #links li#menu5 a:hover { background: url(../business/img201703/menu5.png) left -135px no-repeat;}
	#suntory_contents #links li#menu6 a:hover { background: url(../business/img201703/menu6.png) left -135px no-repeat;}



#suntory_contents .article {
	width: 100%;
	margin-bottom: 40px;
}

#suntory_contents .article li {
	width: 100%;
	height: 410px;
}

	#suntory_contents .article li:nth-child(odd)  { background: url(../business/img201703/odd_wrap_bg.png) center top repeat-y; }
	#suntory_contents .article li:nth-child(even) { background: url(../business/img201703/even_wrap_bg.png) center top repeat-y; }
	#suntory_contents .article li#tree_to_cup    { background: url(../business/img201703/article1_wrap_bg.png) center top no-repeat; }

		
	#suntory_contents .article li .article_inner {
		width: 960px;
		margin: 0 auto;
		padding: 50px 0;
		height: 310px;
	}

		#suntory_contents .article li .article_inner h2 {
			height: 43px;
			text-indent: -9999px;
			margin-bottom: 30px;
		}
		
		#suntory_contents .article li .article_inner .article_exp {
			font-size: 16px;
			color: #5e413c;
			line-height: 170%;
		}

		#suntory_contents .article li .article_inner .article_exp.left_side  { margin-left: 0; }
		#suntory_contents .article li .article_inner .article_exp.right_side { margin-left: 612px; }


		#suntory_contents .article li #article1 h2 { background: url(../business/img201703/article1_title.png) left top no-repeat; }
		#suntory_contents .article li #article2 h2 { background: url(../business/img201703/article2_title.png) left top no-repeat; }
		#suntory_contents .article li #article3 h2 { background: url(../business/img201703/article3_title.png) left top no-repeat; }
		#suntory_contents .article li #article4 h2 { background: url(../business/img201703/article4_title.png) left top no-repeat; }
		#suntory_contents .article li #article5 h2 { background: url(../business/img201703/article5_title.png) left top no-repeat; }
		#suntory_contents .article li #article6 h2 { background: url(../business/img201703/article6_title.png) left top no-repeat; }

	    #suntory_contents .article li #article1 { background: url(../business/img201703/article1_bg.png) left top no-repeat; }
		#suntory_contents .article li #article2 { background: url(../business/img201703/article2_bg.png?202410) left 120px no-repeat; }
		#suntory_contents .article li #article3 { background: url(../business/img201703/article3_bg.png) left 120px no-repeat; }
		#suntory_contents .article li #article4 { background: url(../business/img201703/article4_bg.png) left 120px no-repeat; }
		#suntory_contents .article li #article5 { background: url(../business/img201703/article5_bg.png) left 120px no-repeat; }
		#suntory_contents .article li #article6 { background: url(../business/img201703/article6_bg.png) left 120px no-repeat; }



