@charset "utf-8";

.all{
	content: "";
	display: block;
	clear: both;
	margin: 0 auto;
	text-align: center;
}
body {
    font: normal 10px/1.7 "メイリオ", Meiryo, Osaka,ＭＳ Ｐゴシック","遊ゴシック",sans-serif;/* ゴシック体 */
    text-align: left;
    background-color: #fff;
    color:#000;
    height:100%;
    width: 100%;
    margin: 0 auto;
    line-height:10px

}


.pc_main
{
	width: 1000px ;		/* 横幅 */
	height: auto ;		/* 高さ */
}

/* スマホだけに適用するCSS */
@media screen and ( max-width:639px )
{
	/* ロゴ画像 */
	.sp_main
	{
        min-width: inherit;
        height:100%;
        max-width: 640px;
		/* 横幅 */
	}
}

/* スマホだけに適用するCSS */
@media screen and ( max-width:639px )
{
	.pc_main
	{
		display: none ;		/* 非表示にする */
	}
}

.sp_main
{
	display: none ;		/* 非表示にする */
}

/* スマホだけに適用するCSS */
@media screen and ( max-width:639px )
{
	.sp_main
	{
		display: block ;		/* 表示にする */
	}
}
/* 全体(デスクトップPCとスマホ)に適用するCSS */
.all
{
	width: 1000px ;
	margin: 0 auto ;	/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;		/* 上下左右の余白を0にしておく */
}

/* スマホだけに適用するCSS */
@media screen and ( max-width:639px )
{
	.all
	{
		width: auto ;
		padding: 0 ;		/* 左右の余白 */
	}
}
/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main
{
	width: 618px ;
	padding: 20px ;							/* 上下左右に20pxの余白 */
	border: 1px solid rgba(0,0,0,.1) ;		/* 枠線 */
}

.side
{
	width: 320px ;
}

/* スマホだけに適用するCSS */
@media screen and ( max-width:639px )
{
	.main
	{
		width: 640px ;
		padding: 0 ;		/* 余白 */
		border: none ;		/* 枠線 */
	}

	.side
	{
		width: auto ;
	}
}
/* 画像の最大幅を指定する */
img
{
	max-width: 100% ;		/* 横幅の90% */
	height: auto ;			/* 縦幅を自動調整 */
}

.mt40{
	margin-top:40px;
}