@charset "UTF-8" ;


/* ボディ */
body
{
	margin: 0 ;		/* スペース */
	padding: 0 ;		/* 余白 */
	font-size: 15px ;	/* 文字サイズ */
	background-color: #ffffff;
    color: #333333;
	line-height: 1.5 ;	/* 行の高さ */
    font-family: "Helvetica Neue", Arial,"Hiragino Kaku Gothic ProN","Hragino Sans",Meiryo, sans-serif;
}

a	{color: #333333;
     text-decoration: none}
a:link    { color: #333333; }
a:visited { color: #333333; }
a:hover  {color: #CD3333;}

p.font1 {font-size: 85%; 
         margin-top:-3px;
                    }
p.font2 {font-size:115%;
         font-weight:bold;
         margin-top:6px;
         margin-bottom:8px;
         }                    
p.font3 {font-size: 110%;
         margin-top:2px;
         margin-bottom:2px; 
        margin-right:3px;
        margin-left: 3px;
        }

/* フッター */
.footer
{
    font-size: 80%;
    border-top: solid 1px #888888;/* æž ç·š */
	text-align: center ;			/* テキスト、画像の真ん中寄せ */
	margin-top: 0 auto;			/* 他のブロックとのスペース */
    padding: 0 ;			/* 上下の余白 */
	background: #ffffff ;
}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.wrapper
{
	width: 640px ;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;			/* 上下左右の余白を0にしておく */
}

/* スマホだけに適用するCSS */
@media screen and (max-width:640px)
{
	.wrapper
	{
		width: auto ;
		padding: 0 ;
	}
}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main
{
	width: 640px ;
	padding: 0px ;					/* 上下左右に20pxの余白 */
	border: 1px solid #888888;		/* æž ç·š */
    }

/* スマホだけに適用するCSS */
@media screen and (max-width:640px)
{
	.main
	{
		width: auto ;
		padding: 3 ;		/* 余白 */
		border: none ;		/* æž ç·š */
	}
}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main
{
	float: center ;		/* 中央 */
}


/* スマホだけに適用するCSS */
@media screen and (max-width:640px)

.wrapper
{
	overflow: hidden ;
}

/* 画像の最大幅を指定する */
img
{
	max-width: 100% ;		/* 横幅の100% */
	height: auto ;			/* 縦幅を自動調整 */
}
video {
  width: 100%;
  max-width: 640px; /* 最大でも640px以下に */
}