@charset "UTF-8";
/* CSS Document */

/*  */

/******************************************************

 font
 
******************************************************/

main {
  font: 13px/1.231 verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
  *font-size: small; /* for IE */
  *font: x-small; /* for IE in quirks mode */
	-webkit-text-size-adjust:none;
}


main select, main input, main button, main textarea {
  font: 99% verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}








/******************************************************

 gnav
 
******************************************************/


main .gnav_bg{
	background:#fafafa;
}
main .gnav{
	position:relative;
	min-height:70px;
	margin:auto;
	max-width:980px;
	width:90%;
}
main .page_logo{
	position:absolute;
	z-index:10;
	top:0px;
	left:0px;
}
main .g_nav{
	width:100%;
	margin-left:-200px;
	float:right;
	padding-bottom:15px;
}
main .g_nav ul{
	margin-left:200px;
	text-align:center;
	padding-top:10px;
}
main .g_nav li a{
}
main .g_nav li{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	height:30px;
	margin-top:10px;
	position:relative;
	overflow-x:hidden;
	list-style:none;
	border-right:1px solid #ddd;
	box-sizing:border-box;
}
main .g_nav li.top{
	width:13.43283582%;
}
main .g_nav li.about{
	width:22.388059701%;
}
main .g_nav li.making{
	width:23.880597014%;
}
main .g_nav li.works{
	width:14.925373134%;
}
main .g_nav li.contact{
	width:25.373134328%;
}

main .g_nav li span {
	position:absolute;
	display:block;
	left:50%;
	margin-left:-120px;
}

main .g_nav li.contact{
	border-right:none;
}

@media screen and (max-width: 800px){
main .g_nav li.top{
	width:20%;
}
main .g_nav li.works{
	width:28%;
}
main .g_nav li.about,
main .g_nav li.making{
	width:40%;
}
main .g_nav li.contact{
	width:50%;
}
main .g_nav li.making{
	border-right:none;
}
}


@media screen and (max-width: 600px){
	
main .page_logo{
	width:140px;
}
main .page_logo img{
	width:100%;
	height:auto;
}
main .g_nav{
	margin-left:-120px;
}
main .g_nav ul{
	margin-left:120px;
}

}

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

main .page_logo{
	width:120px;
}	
main .g_nav li{
	margin-top:0px;
}
main .g_nav{
	padding-bottom:5px;
}
main .g_nav{
	margin-left:-90px;
}
main .g_nav ul{
	margin-left:130px;
}
main .g_nav li img{
	max-width: inherit;
}
main .g_nav li.top{
	width:30%;
}
main .g_nav li.about{
	width:70%;
	border-right:none;
}
main .g_nav li.making{
	width:65%;
	border-right:1px solid #ddd;
}
main .g_nav li.works{
	width:35%;
	border-right:none;
}
main .g_nav li.contact{
	width:100%;
}

}






/******************************************************

 toiawase
 
******************************************************/

main .toiawase {
	max-width:980px;
	width:90%;
	text-align:center;
	margin:auto;
	padding:40px 0px;
}
main .toiawase img{
	width:100%;
	height:auto;
}
main .toiawase img.sp_btn{
	display:none;
}

@media screen and (max-width: 600px){
main .toiawase {
	padding:20px 0px;
}
main .toiawase img.sp_btn{
	display:block;
}
main .toiawase img.pc_btn{
	display:none;
}
}



main p.caption{
	font-size:10px !important;
	line-height:150% !important;
}



main .clear_f:after {
  display : block;
  clear : both;
  content : '';
}

main .clear_f{
	padding-top:0px;
} { zoom : 1; }