@charset "shift-jis";
/*###########################################

夢や 杉山製茶
common.css
CSS Version 2.0
LastModified:2012.07 by Mtec

###########################################*/

/*-----Global-----------------------------*/

*{
	padding: 0;
	margin: 0;
}

.clearfix:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
	zoom:1;
}

/*-for IE-*/
.clearfix{
	zoom:1;
}

img{
	border:0;
	vertical-align: bottom;
}

a{
	color:#000;
}
a:hover{
	text-decoration: none;
}
a img:hover{
	filter: alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}

br{
	letter-spacing: 0;
}

body{
    line-height: 150%;
    font-size: 12px;
    color: #000;
}

#container{
	margin: 0 auto;
	width: 950px;
}

#header h1{
    float: left;
    line-height: 30px;
    font-size: 1em;
}
#header .sns{
	float: right;
}
	#header .fb-like{
		float: left;
		vertical-align: top;
		padding-top: 5px;
	}
	#header iframe.twitter-share-button{
		padding-top: 5px;
		float: right;
		width: 105px !important;
	}


#navi ul{
	list-style: none;
}

#navi li{
	float: left;
	display: inline;
	height: 30px;
}

#menu1 { width: 183px; }
#menu2 { width: 102px; }
#menu3 { width: 134px; }
#menu4 { width: 121px; }
#menu5 { width: 88px; }
#menu6 { width: 113px; }
#menu7 { width: 108px; }
#menu8 { width: 101px; }


#navi a {  
  text-indent: -9999px; /* テキストを隠す */  
  text-decoration: none;  
  display: block;  
  height: 30px; /* リンク領域を広げる */  
  background-image: url('../images/common/h-globalnavi.jpg');  
  background-repeat: no-repeat;  
}  
  
#menu1 a {
	width: 183px;
	background-position: 0 0;
}
#menu2 a {
	width: 102px;
	background-position: -183px 0;
}
#menu3 a {
	width: 134px;
	background-position: -285px 0;
}
#menu4 a {
	width: 121px;
	background-position: -419px 0;
}
#menu5 a {
	width: 88px;
	background-position: -540px 0;
}
#menu6 a {
	width: 113px;
	background-position: -628px 0;
}
#menu7 a {
	width: 108px;
	background-position: -741px 0;
}
#menu8 a {
	width: 101px;
	background-position: -849px 0;
}
  
#menu1 a:hover { background-position: 0 -30px; }
#menu2 a:hover { background-position: -183px -30px; }  
#menu3 a:hover { background-position: -285px -30px; }  
#menu4 a:hover{ background-position: -419px -30px; }  
#menu5 a:hover{ background-position: -540px -30px; } 
#menu6 a:hover{ background-position: -628px -30px; } 
#menu7 a:hover{ background-position: -741px -30px; } 
#menu8 a:hover{ background-position: -849px -30px; } 

.headbottom{
	padding-top: 10px;
}

.headbottom-inner{
	border: 2px solid #b1db51;
	padding: 5px 8px;
}
	.headbottom-inner form{
		float: left;
		padding: 3px 0;
	}
		.headbottom-inner form input{
			height: 30px;
		}
			.headbottom-inner form input#keyword{
				height: 28px;
				width: 260px;
				padding-left: 30px;
				border: 1px solid #ccc;
				background: url(../images/common/h-bg-search.jpg) no-repeat left top;
			}
	.headbottom-inner ul{
		margin: 0 0 0 20px;
		width: 230px;
		float: left;
		list-style: none;
	}
	.headbottom-inner li{
		float: left;
		padding-left: 9px;
		background: url(../images/common/i-arrow_pink.jpg) no-repeat left center;
	}
		.headbottom-inner li a{
			display: block;
			width: 105px;
		}
	.memberlink{
		float: right;
		width: 322px;
		padding: 3px 0;
	}
	.memberlink a{
		float: left;
		width: 160px;
		height: 30px;
		margin-left: 1px;
		text-indent: -9999px; 
		text-decoration: none;  
		display: block;  
	}
	.memberlink a#memberbtn1{
		background: url(../images/common/h-btn-login.gif) no-repeat 0 0;
	}
	.memberlink a#memberbtn2{
		background: url(../images/common/h-btn-mypage.gif) no-repeat 0 0;
	}
	.memberlink a:hover#memberbtn1{
		background-position: 0 -30px;
	}
	.memberlink a:hover#memberbtn2{
		background-position: 0 -30px;
	}
#wrapper{
    padding-top: 10px;
}

#sub1{
	float: left;
	width: 180px;
}
	#sub1 .box{
		padding-top: 10px;
	}
	#sub1 .menubox{
		padding-top: 10px;
	}
	#sub1 .menubox-inner{
		padding-bottom: 6px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		text-align: center;
	}
		#sub1 .menubox-inner h5{
			padding: 6px 0 0 0;
		}
		#sub1 .menubox-inner ul{
			padding: 7px 0 1px 14px;
			text-align: left;
			list-style: none;
		}
		#sub1 .menubox-inner li{
			padding-left: 9px;
			background: url(../images/common/i-arrow_gray.jpg) no-repeat left center;
		}

		#sub1 .menubox-inner .memberservice ul{
			padding: 5px 0 0 0;
			text-align: center;
		}
		#sub1 .menubox-inner .memberservice li{
			padding: 5px 0 0 0;
			background: none;
		}
		#sub1 .menubox-inner .memberservice p{
			padding-top: 5px;
			font-size: 0.83em;
		}
		#sub1 .menubox-inner .newentry p{
			padding: 5px 0;
		}

#sub1 #qr{
	padding-top: 10px;
}
	#sub1 #qr p{
		padding-top: 5px;
		line-height: 140%;
		font-size: 0.9em;
	}

#boxcal p img{
	vertical-align: middle;
}

#textsizechangebox {
    display: none;
}

#textsizechangebox p{
	border-right: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	border-left: 3px solid #ccc;
	text-align: center;
	padding: 5px 0 7px;
}
	#textsizechangebox p img{
		margin: 0 5px 0 0;
		cursor: pointer;
	}
	#textsizechangebox p img.stxt{
		margin: 0 5px;
	}

#inquirybox{
	border: 1px solid #ccc;
	padding: 2px;
	text-align: center;
}
	#inquirybox p{
		padding: 10px 0 9px;
		border-bottom: 1px dotted #ccc;
		font-size: 0.83em;
	}
		#inquirybox p.last{
			border-bottom: none;
		}
		#inquirybox p img{
			margin: 0 auto;
			display: block;
		}
		#inquirybox p .fax_download{
			display: block;
			margin: 7px auto 0;
			width: 100px;
			background: url(../images/common/i-pdf.jpg) no-repeat left center;
			padding-left: 30px;
			text-align: left;
			line-height: 140%;
		}
#sub1 #boxcal p{
	font-size: 0.83em;
}
#sub1 .ts{
	padding: 25px 0;
	text-align: center;
}

#main{
	float: right;
	width: 750px;
}

#main h2{
	border-bottom: 1px dotted #000;
}

.article h3{
	padding: 20px;
	background: url(../images/common/bg-h_title.jpg) no-repeat left 20px;
	font-size: 1.16em;
	line-height: 30px;
}

#footer .pagetop{
	text-align: right;
}
	#footer .pagetop a{
		display: block;
		margin: 0 0 0 auto;
		width: 140px;
		height: 30px;
		font-size: 0.83em;
		line-height: 30px;
		text-align: center;
		background-color: #eee;
	}
#footer-inner{
	padding: 10px;
	background-color: #eee;
}
	#footer-inner .dataarea{
		float: left;
		width: 370px;
	}
		#footer-inner .dataarea .comdata{
			padding:0 0 10px 20px;
		}
		#footer-inner .dataarea .comdata address{
			float: left;
			width: 155px;
			padding: 20px 0 0;
			font-style: normal;
		}
		#footer-inner .dataarea .comdata ul{
			float: right;
			padding: 5px 0;
			width: 185px;
			border-left: 1px solid #ccc;
			list-style: none;
		}
		#footer-inner .dataarea .comdata li{
			padding-left: 26px;
			line-height: 160%;
			background: url(../images/common/f-i-arrow_gray.jpg) no-repeat 17px center;
		}
		
	#footer-inner .inquiryarea{
		border: 1px solid #ccc;
		background-color: #fff;
		padding: 2px;
	}
		#footer-inner .inquiryarea .contactarea{
			padding: 0 0 5px 0;
		}
		#footer-inner .inquiryarea h5{
			padding: 0 0 5px 0;
		}
		#footer-inner .inquiryarea .tel img, #footer-inner .inquiryarea .fax img{
			margin: 0 auto;
			display: block;
		}
		#footer-inner .inquiryarea .tel{
			float: left;
			padding-top: 5px;
			width: 182px;
			text-align: center;
		}
		#footer-inner .inquiryarea .fax{
			float: right;
			padding-top: 5px;
			width: 181px;
			text-align: center;
			border-left: 1px dotted #ccc;
		}
		#footer-inner .inquiryarea .fax .download{
			display: block;
			width: 100px;
			background: url('../images/common/i-pdf.jpg') no-repeat 15px center;
			padding: 5px 0 0 45px;
			text-align: left;
			line-height: 140%;
			font-size: 0.83em;
		}

		#footer-inner .inquirybox{
			padding-bottom: 10px;
		}
		#footer-inner .inquirybox-inner{
			margin: 0 auto;
			width: 350px;
			height: 25px;
			background: url(../images/common/f-bg-inquiry.gif) no-repeat left top;
			text-align: center;
			line-height: 25px;
			color: #fff;
			font-size: 10px;
		}
		#footer-inner .inquirybox-inner img{
			vertical-align: middle;
		}
	#footer-inner #fb{
		float: right;
		width: 550px;
		background: #fff;
	}
	#footer-bottom{
		padding: 26px 0 15px;
		text-align: center;
	}
		#footer-bottom .navi{
			line-height: 30px;
			border-bottom: 1px solid #ccc;
		}
		#footer-bottom .copy{
			line-height: 30px;
		}