body					{ font-family:"メイリオ","Meiryo",
						"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
						"ＭＳ Ｐゴシック","MS P Gothic","Helvetica","Verdana","Arial",sans-serif;
					    'AozoraMinchoMedium';
					  	color:#fff; line-height:1.4; }

@font-face	{ font-family:'AoyagiKouzanT';
			  src:url('../fnt/AoyagiKouzanTOTF.eot') format('embedded-opentype');
			  src:local('../fnt/AoyagiKouzanTOTF.eot Regular'),
				  url('../fnt/AoyagiKouzanTOTF.eot?iefix') format('embedded-opentype'),
				  url('../fnt/AoyagiKouzanTOTF.woff') format('woff'),
				  url('../fnt/AoyagiKouzanTOTF.otf') format('opentype'),
				  url('../fnt/AoyagiKouzanTOTF.svg#svgFontName') format('svg'); }

body					{ background-image: url(../img/background.png); }
img						{ width: 100%; }
.master					{ width: 1025px; 
						  margin: 0 auto 0; }
header					{ top: 0;
					  	  left: 0; 
					  	  right: 0;
					  	  height: 50px;
					  	  font-family: AoyagiKouzanT;
					  	  background-image: url(../img/header_bar.png); }
#header2, #header-tel2>span, span.header-tel-res, footer			
						{ font-family: AoyagiKouzanT; }

#under-info				{ background-image: url(../img/washi_black.png);
						  margin: 10% 0;}
#info-table th			{ text-align: left; }

footer					{ background-image: url(../img/header_bar.png); }

@media screen and (min-width:1025px) {
	header				{ position: fixed; }
	#header-tel			{ text-align: right;
		  				  margin-top: 7px; }
	#header-tel>img		{ width: 10%; }
	#header-tel>span	{ font-size:1.6rem }
	
	#header-tel2, .header-tel-res		
						{ display: none; }

	#header-wrap		{ width: 100%;
					  	  padding-top: 10px; }
	#header-wrap>*		{ float: left; }		
	#header1			{ width: 3%;
						  margin-left: 1%;}
	#header2			{ width: 30%;
						  font-size:1.9rem;
					  	  margin-left: 1%; }
	#header-wrap>nav	{ margin: 1% 0 0 2%; }
	header ul			{ font-size:1.3rem; }
	#header-wrap li		{ width: 100px;
					  	  display: table-cell;
					  	  text-align: center;
					  	  border-right: 1px solid #fff; }
	#header-wrap li:first-child
						{ border-left: 1px solid #fff; }
	#header-wrap a		{ width: 100px; }	
	span.header-tel-res	{ font-size:1.4rem; }
	
	
	#under-info			{ width: 80%; 
						  margin: 10% auto 10%;}
	#under-info>div		{ display: table-cell;
						  vertical-align: middle; }
	.under-info-img		{ width: 40%; }
	.under-info-summary { width: 60%;
						  padding-left:10% ;}
	.under-info-tel		{ font-size: 2rem; }
	.under-info-tel>img	{ width: 32px; }
	
	footer				{ height: 35px; }
	footer>*			{ float: left;
					  	  text-align:right;
					  	  margin-top: 10px; }
	#footer-nav			{ width: 49%;
						  text-align: left;
						  margin-left: 2%; }
	#footer-nav>a		{ text-align: center;
						  font-size:1rem;
					  	  width: 15%;
					  	  display: inline-block;}
	#footer-nav-cr		{ width: 48%; }
	footer>span			{ margin-right: 1%; }
	

}

@media screen and (max-width:1024px) and (min-width:769px){
	.master				{ width: 99%; }
	#header1, #header-tel ,header2	
						{ display: none; }	
	#header-wrap>nav	{ position: relative; }
	#header-tel2		{ position: absolute;
						  top: 10px;
						  left:2%; }
	#header-tel2>img	{ width: 3.5%; }
	#header-tel2>span	{ font-size:1.5rem; }
	.header-tel-res		{ position: absolute;
						  top: 10px;
						  right: 70px; font-size:1.5rem; }
	
	#under-info			{ width: 80%; 
						  margin: 10% auto 10%;}
	#under-info>div		{ display: table-cell;
						  vertical-align: middle; }
	.under-info-img		{ width: 40%; }
	.under-info-summary { width: 60%;
						  padding-left:10% ;
						  font-size: .9rem;}
	.under-info-tel		{ font-size: 1.9rem; }
	.under-info-tel>img	{ width: 32px; }

	footer				{ height: 35px; }
	footer>*			{ float: left;
					  	  text-align:right;
					  	  margin-top: 10px; }
	#footer-nav			{ width: 60%;
						  text-align: left;
						  margin-left: 2%; }
	#footer-nav>a		{ text-align: center;
						  font-size:1rem;
					  	  width: 15%;
					  	  display: inline-block;}
	#footer-nav-cr		{ width: 35%; }
	footer>span			{ margin-right: 1%; }
}

@media screen and (max-width:768px) and (min-width:481px){
	.master				{ width: 99%; }
	#header1, #header-tel	
						{ display: none; }	
	#header-tel2		{ position: absolute; 
						  top: 10px;
		  				  left: 2%; }
	#header-tel2>img	{ width: 3.5%; }
	#header-tel2>span	{ font-size:1.5rem; }
	.header-tel-res		{ position: absolute;
						  top: 10px;
						  right: 70px;
						  font-size:1.4rem;}
	
	#under-info>div		{ text-align: center;
						  vertical-align: middle; }
	#under-info *		{ margin: 0 auto 0; }
	.under-info-img>img	{ display: none; }
	.under-info-summary { width: 100%;
						  font-size: .9rem;}
	.under-info-tel		{ font-size: 1.9rem; }
	.under-info-tel>img	{ width: 30px; }

	footer				{ height: 50px; }
	#footer-nav			{ width: 100%;
						  text-align:center; }
	#footer-nav>a		{ text-align: center;
						  font-size:1rem;
					  	  width: 20%;
					  	  display: inline-block;}
	#footer-nav-cr		{ width: 100%;
						  display: block;
						  text-align: center; }
}

@media screen and (max-width:480px){
	.master				{ width: 97%; }
	#header1, #header-tel	
						{ display: none; }	
	#header-tel2		{ width:280px;
						  position: absolute; 
						  top: 1px;
						  left: 2px; }
	#header-tel2>img	{ width: 8%; }
	#header-tel2>span	{ font-size: 1.4rem;
						  vertical-align: top; }
	.header-tel-res		{ position: absolute;
						  top: 30px;
						  left: 32px; }
	
	#under-info>div		{ text-align: center;
						  vertical-align: middle; }
	#under-info *		{ margin: 0 auto 0; }
	.under-info-img>img	{ display: none; }
	.under-info-summary { width: 100%;
						  font-size: .7rem; }
	.under-info-tel		{ font-size: 1.7rem; }
	.under-info-tel>img	{ width: 30px; }

	footer				{ height: 50px; }
	#footer-nav			{ width: 100%;
						  text-align:center; }
	#footer-nav>a		{ text-align: center;
						  font-size:.8rem;
					  	  width: 20%;
					  	  display: inline-block; }
	#footer-nav-cr		{ width: 100%;
						  display: block;
						  text-align: center; }
}
