@font-face		{ font-family:'AozoraMincho';
					src:url('../fnt/AozoraMinchoMedium.eot') format('embedded-opentype');
					src:local('Aozora Mincho Medium'),
						url('../fnt/AozoraMinchoMedium.eot?iefix') format('embedded-opentype'),
						url('../fnt/AozoraMinchoMedium.woff') format('woff'),
						url('../fnt/AozoraMinchoMedium.ttf') format('truetype'),
						url('../fnt/AozoraMinchoMedium.svg#svgFontName') format('svg');
				}

body			{ font-family:'Meiryo','Hiragino Kaku Gothic ProN','MS P Gothic','Helvetica','Verdana','Arial',sans-serif;  line-height:1; }

h1				{ font-family:'AozoraMincho'; line-height:1; margin: 0; font-weight: normal;}
h2 				{ font-family:'AozoraMincho'; line-height:1; margin: 0; font-weight: normal;}
h3 				{ font-family:'AozoraMincho'; line-height:1; margin: 0; font-weight: normal;}
h4				{ line-height:1; margin: 0; font-family:'Times','Times New Roman',serif; }

.master			{ margin: 0 auto;}

.times			{ font-family:'Times','Times New Roman',serif;}
.mincho			{ font-family:'AozoraMincho'; }

#headerbox     			{ background-color: #c09eb3; }
#headerpc        			{ display: table; padding: 40px 0 40px;}
#headerpc>div    			{ display: table-cell; vertical-align: middle; }
#header1       			{ width: 192px; }
#logo           		{ display: block; background-image: url(../img/index/header1.png); height: 151px; }
#logo:hover     		{ background-position: 0 -151px; }
#header2        		{ width: 410px; padding-left: 30px; }
#header3        		{ text-align:right;}
#header3>a      		{ display: inline-block;  width: 18px; height: 136px; margin-left: 48px;}

#gnav1          		{ background-image: url(../img/index/header6.png); }
#gnav1:hover    		{ background-position: 0 -136px; opacity: 0.8; }
#gnav2          		{ background-image: url(../img/index/header5.png); }
#gnav2:hover    		{ background-position: 0 -136px; opacity: 0.8; }
#header3>#gnav3 
                		{ background-image: url(../img/index/header4.png); width: 41px; }
#header3>#gnav3:hover 
                		{ background-position: 0 -136px; opacity: 0.8; }
#gnav4          		{ background-image: url(../img/index/header3.png); }
#gnav4:hover    		{ background-position: 0 -136px; opacity: 0.8; }

#headerboxsp			{background-color: #c09eb3; height: 60px; position:fixed; left:0; top:0; width:100%; box-shadow:0 3px 3px 0 rgba(0,0,0,.5); z-index:10; opacity: .95;}
#headersp>*				{float: left; margin-left: 5px;}
#logosp					{ display:block; margin-top: 2px;}
#mainsp					{margin-top: 60px;}
#footerbox				{ background-color:#899675; margin-top:10px;}

/*********************************************
	PC START
*********************************************/
@media screen and (min-width:769px) {
	html 				{ font-size: 13px; }
	.master				{ width: 1000px; }
	.sp					{ display: none !important; }
	#footerbox			{ padding:30px 0 30px; position:relative;}
	#footer				{ display:table;}
	#footer>div			{ display:table-cell; vertical-align:top; text-decoration: underline;}
	.pt					{ padding-top:10px; }

	#footer1			{ display:table; width:115px; }
	#footer1>div		{ display:table-cell;  vertical-align:middle;  }
	#footer1>div>img	{ padding-bottom:2px; }
	#footer1>div>a		{ padding-left:5px; font-size:15px; }

	#footer2			{ width:174px; }
	#footer3			{ width:133px; }
	#footer4			{ width:191px; }
	#footer5			{ width:210px; }
	#footer2,#footer3,#footer4,#footer5		
						{ padding-left:20px; display:table; }
	#footer2>div,#footer3>div,#footer4>div,#footer5>div
						{ display:table-cell;  vertical-align:top; }
	#footer2>div a,#footer3>div a,#footer4>div a,#footer5>div a
						{ display:inline-block; padding:10px 0 0 5px; text-decoration: underline; }
	#footer2>div #footer2_1,#footer3>div #footer3_1,#footer4>div #footer4_1,#footer5>div #footer5_1
						{ padding-top:1px; font-size:15px; }
	#footer1>div a:hover,#footer2>div a:hover,#footer3>div a:hover,#footer4>div a:hover,#footer5>div a:hover	
						{ color:#3F2B44; }

	#footer6			{ width:177px; text-align:center; }
	#footerb			{ text-align:right; margin-top:10px; }
}

/*********************************************
	Tablet ALL START
*********************************************/
@media screen and (max-width:768px) and (min-width:481px) {
	html			{ font-size:14px; }
	img				{ width:100%; }
	.master			{ width: 96%;}
	.pc				{ display: none !important; }
	h1				{ font-size: 19px; border-left: 5px solid #3f2b44; padding-left: 5px;}
	h2 				{ font-size: 15px; padding-left: 10px; margin-top: 4px;}
	h3 				{ font-size: 15px; margin-top: 15px;}
	h4				{ font-size: 18px;}
	p 				{ letter-spacing: .05rem; line-height: 1.2; }
	#headersp01		{ margin:18px 0 0 10px}
	#footerb		{ padding: 15px; display: table; }
	#footerb>*		{ display: table-cell; }
	#footerb a 		{ text-align: right; width: 70px;}
	#footerb img 	{  margin-right: 20px;}
	#footerb p 		{ margin: 0; vertical-align: middle; }

}

/*********************************************
	Tablet (L) START
**********************************************/
@media screen and (max-width:768px) and (min-width:641px) {
	#logosp			{ width: 9%; vertical-align: middle;}
	#headersp01		{ width: 50%; }
}

/********************************************
	Tablet (S) START
*********************************************/
@media screen and (max-width:640px) and (min-width:481px) {
	#logosp			{ width: 12%; }
	#headersp01		{ width: 60%; }
}

/********************************************
	SP START
*********************************************/
@media screen and (max-width:480px) {
	html			{ font-size:15px; }
	img				{ width:100%; }
	.master			{ width: 94%;}
	.pc				{ display: none !important; }
	h1				{ font-size: 20px; border-left: 5px solid #3f2b44; padding-left: 5px;}
	h2 				{ font-size: 16px; padding-left: 10px; margin-top: 4px;}
	h3 				{ font-size: 16px; margin-top: 15px;}
	h4				{ font-size: 18px; }
	p 				{ letter-spacing: .05rem; line-height: 1.2; }
	#logosp			{ width: 15%; margin-top: 8px;}
	#headersp01		{ margin:20px 0 0 5px; width: 57%;}
	#footerb		{ padding: 15px; display: table;}
	#footerb>*		{ display: table-cell; }
	#footerb a 		{ display: block;text-align: right; width: 70px;}
	#footerb img 	{ margin-right: 0px;}
	#footerb p 		{ margin: 0; vertical-align: middle; font-size: 13px;}
}
	#an				{ position:absolute; left:50%; top:-138px; margin-left:500px; }/* フッターにリラティブ */
	#an>a			{ display:block; float:left; width:15px; margin:0 0 10px 13px;}
	a#pagetop		{ background-image:url(../img/index/top.png); height:113px;  }
	a#pagetop:hover	{ background-position:0 -113px; opacity: 0.8; }
	a#anitem		{ background-image:url(../img/work/tag.png); height:128px;  }
	a#anitem:hover	{ background-position:0 -128px; opacity:0.8;  }
	a#anshikkai		{ background-image:url(../img/work/tag1.png); height:53px; }
	a#anevent		{ background-image:url(../img/work/tag2.png); height:53px; }
	a#anshikkai:hover,a#anevent:hover		
					{ background-position:0 -53px; opacity:0.8; }

@media screen and (max-width:380px) {
	#logosp			{ width: 20%; margin-top: 8px;}
	#headersp01		{}
}