@charset "utf-8";

@import url(default.css);
@import url(base.css);



	#contenttitle{
		color:#4c1212;
		text-shadow:0 0 10px #faf2eb,0 0 10px #faf2eb,0 0 10px #faf2eb,0 0 10px #faf2eb,0 0 10px #faf2eb,0 0 10px #faf2eb,0 0 10px #faf2eb,0 0 10px #faf2eb,0 0 10px #faf2eb,0 0 10px #faf2eb;
		background-color:#faf2eb;
		background-image:url(../history/images/bg_contenttitle.png);
	}



/**************************** Since 1903 ****************************/


	#mainnote{
		max-width:1000px;
		width:90%;
		margin:0 auto 100px;
		padding:50px 0 0;
	}

@media screen and (max-width:1000px){
			
	#mainnote{margin-bottom:70px;	}

}

@media screen and (max-width:480px){
			
	#mainnote{
		margin-bottom:30px;
		padding:30px 0 0;
	}

}
			
		#mainnote h3{
			margin-bottom:50px;
			color:#231815 ;
			font-size:2.2em;
			font-family:adobe-garamond-pro, serif;
			font-weight:400;
			text-align:center;
		}

	@media screen and (max-width:480px){
			
		#mainnote h3{
			margin-bottom:30px;
			font-size:1.6em;
		}

	}
	
		#mainnote img{
			max-width:300px;
			width:30%;
			min-width:200px;
		}

		#mainnote img:nth-of-type(1){
			float:right;
			margin:8px 0 10px 30px;
		}

		#mainnote img:nth-of-type(2){
			float:left;
			margin:8px 30px 10px 0;
		}

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

		#mainnote img,
		#mainnote img:nth-of-type(1),
		#mainnote img:nth-of-type(2){
			display:block;
			max-width:300px;
			width:100%;
			float:none;
			margin:0 auto;
			
		}

	}



/**************************** Distilling With Tradition ****************************/


	#distilling{
		background-color:#f8f8f8;
	}

	#distilling .inner{
		max-width:1200px;
		width:90%;
		margin:0 auto;
		padding:50px 0 70px;
	}


@media screen and (max-width:480px){
			
	#distilling .inner{padding:30px 0 50px;}

}
			
		#distilling h3{
			margin-bottom:50px;
			color:#231815 ;
			font-size:2.2em;
			font-family:adobe-garamond-pro, serif;
			font-weight:400;
			text-align:center;
		}

	@media screen and (max-width:480px){
			
		#distilling h3{
			margin-bottom:30px;
			font-size:1.4em;
		}

	}
	
		#distilling ul{
			width:100%;
			margin-bottom:50px;
		}

	@media screen and (max-width:1000px){
	
		#distilling ul{
			max-width:700px;
			width:100%;
			margin:0 auto 30px;
		}

	}

	@media screen and (max-width:480px){
	
		#distilling ul{
			max-width:280px;
			width:100%;
			margin:0 auto 30px;
		}

	}
	
	
			#distilling li{
				width:calc(88% / 7);
				margin-right:2%;
				text-align:center;
				list-style:none;
				float:left;
			}
			#distilling li:nth-last-of-type(1){margin-right:0;}

		@media screen and (max-width:1000px){
	
			#distilling li{
				width:calc(85% / 4);
				margin:0 5% 20px 0;
			}
			#distilling li:nth-of-type(4n){margin-right:0;}
		}

		@media screen and (max-width:480px){
	
			#distilling li{
				width:48%;
				margin:0 4% 20px 0;
			}
			#distilling li:nth-of-type(3n){margin-right:4%;}
			#distilling li:nth-of-type(2n){margin-right:0;}
		}

				#distilling li img{width:100%;}

				#distilling li h4{
					margin:5px 0;
					color:#231815;
					font-size:1.0em;
					font-family:adobe-garamond-pro, serif;
					font-weight:400;
					line-height:1.0em;
					letter-spacing:0;
				}

				#distilling li p{
					margin:0;
					color:#184866;
					font-size:0.9em;
					line-height:1.0em;
					letter-spacing:0;
			}


				#distilling .sig{
					font-size:1.1em;
					font-weight:700;
					text-align:right;
				}

				#distilling .sig span{font-size:0.9em;}



			#distilling .inner > p{
				max-width: 1000px;
				width:100%;
				margin-left:auto;
				margin-right:auto;
			}