/* ボディ */
	body
	{
		font-size: 16px; line-height: 130%	/* 文字サイズ */
		
		

	}
	
	TD {
	font-size: 16px; line-height: 130%;
}
BODY {
	font-size: 16px; line-height: 130%; padding: 0px 10px;
}


TR {
	font-size: 16px; line-height: 130%;
}
A {
	color: blue;
}
A:LINK {
	color: blue;
}
A:VISITED {
	color: blue;
}




/* レスポンシブCSS　ホームディレクトリ用S　開始 */
/* ボディ */
body


/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	/* ボディ */
	
	TD {
	font-size: 16px; line-height: 130%;
	}
	BODY {
	font-size: 16px; line-height: 130%; padding: 0px 10px;
	}
	TR {
	font-size: 16px; line-height: 130%;
	}
	A {
	color: blue;
	}
	A:LINK {
	color: blue;
	}
	A:VISITED {
	color: blue;
	}

		p.button1 a {
			/* ▼枠線 */
			border-style: solid;
			border-width: 1px;
			border-color: #ccc #999 #999 #ccc;
			/* ▼角丸 */
			-webkit-border-radius: 18px; /* Chrome,Safari */
			-moz-border-radius: 18px;    /* Firefox */
			border-radius: 18px;         /* CSS3 */
			/* ▼余白 */
			padding: 2.9em 0.9em;
			margin: 0px 0.3em;
			/* ▼文字装飾 */
			text-decoration: none;
			/* ▼背景 */
			background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
			filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); zoom:1; /* IE */
			background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
			background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
			background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
			/* ▼行高 */
			line-height: 2em;
			/* ▼空白・改行の扱い */
			white-space: nowrap;
		
			}

input[type=submit]{
			border-style: solid;
			border-width: 1px;
			border-color: #ccc #999 #999 #ccc;
			-webkit-border-radius: 18px; /* Chrome,Safari */
			-moz-border-radius: 18px;    /* Firefox */
			border-radius: 18px;         /* CSS3 */
			padding: 0.7em 0.9em;
			margin: 0px 0.3em;
			background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
			filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); zoom:1; /* IE */
			background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
			background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
			background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
			line-height: 1.5em;
			cursor:pointer;
			color:#0000ff;
			font-weight:bold;
			font-size: 16px;
		}
}

/* フッター */
.footer
	{
	width: 100% ;
	border-top: 2px solid #888 ;		/* 枠線 */
	text-align: left ;			/* テキスト、画像の左寄せ */
	margin-top: 7em ;			/* 他のブロックとのスペース */
	padding: 1em 0 ;			/* 上下の余白 */
	margin-left: 0.2em ;
	margin-right: 0.2em ;
	}


/* ロゴ画像を囲むh1 */
.logo-wrapper
{
	margin: 0 ;
	padding: 0 ;
	line-height: 1 ;
}

/* ロゴ画像 */
.logo
{
	width: 400px ;
	height: auto ;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	/* ロゴ画像 */
	.logo
	{
		width: 380px ;
	}
	

/* フッター */
.footer
	{
	width: 760px ;
	border-top: 2px solid #888 ;		/* 枠線 */
	text-align: left ;			/* テキスト、画像の左寄せ */
	margin-top: 7em ;			/* 他のブロックとのスペース */
	padding: 1em 0 ;			/* 上下の余白 */
	margin-left: 0.2em ;
	margin-right: 0.2em ;
	}

}

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

		p.button1 a {
			/* ▼枠線 */
			border-style: solid;
			border-width: 1px;
			border-color: #ccc #999 #999 #ccc;
			/* ▼角丸 */
			-webkit-border-radius: 14px; /* Chrome,Safari */
			-moz-border-radius: 14px;    /* Firefox */
			border-radius: 14px;         /* CSS3 */
			/* ▼余白 */
			padding: 0.4em 0.9em;
			margin: 0px 0.3em;
			/* ▼文字装飾 */
			text-decoration: none;
			/* ▼背景 */
			background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
			filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); zoom:1; /* IE */
			background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
			background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
			background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
			/* ▼行高 */
			line-height: 2em;
			/* ▼空白・改行の扱い */
			white-space: nowrap;
		
}

input[type=submit]{
			border-style: solid;
			border-width: 1px;
			border-color: #ccc #999 #999 #ccc;
			-webkit-border-radius: 14px; /* Chrome,Safari */
			-moz-border-radius: 14px;    /* Firefox */
			border-radius: 14px;         /* CSS3 */
			padding: 0.4m 0.9em;
			margin: 0px 0.3em;
			background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
			filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); zoom:1; /* IE */
			background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
			background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
			background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
			line-height: 1.5em;
			cursor:pointer;
			color:#0000ff;
			font-weight:bold;
			font-size: 16px;
						
}





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

	.side
	{
		width: auto ;
	}
}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main
{
	width: 760px ;
	padding: 30px ;					/* 上下左右に2pxの余白 */
	border: 0px solid rgba(0,0,0,.1) ;		/* 枠線 */
}

.side
{
		width: 260px ;
}

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

	.side
	{
		width: 760px ;
	}
	

/* フッター */
.footer
	{
	width: 760px ;
	border-top: 2px solid #888 ;		/* 枠線 */
	text-align: left ;			/* テキスト、画像の左寄せ */
	margin-top: 7em ;			/* 他のブロックとのスペース */
	padding: 1em 0 ;			/* 上下の余白 */
	margin-left: 0.2em ;
	margin-right: 0.2em ;
	}
	
}

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

	.side
	{
		width: 760px ;
	}
	
}

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

	.side
	{
		width: 760px ;
	}
}


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

.side
{
	float: left ;		/* 右に寄せる */
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	.main , .side
	{
		float: none ;
	}
}

input[type=submit]{
			border-style: solid;
			border-width: 1px;
			border-color: #ccc #999 #999 #ccc;
			-webkit-border-radius: 14px; /* Chrome,Safari */
			-moz-border-radius: 14px;    /* Firefox */
			border-radius: 14px;         /* CSS3 */
			padding: 0.6em 0.9em;
			margin: 0px 0.3em;
			background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
			filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); zoom:1; /* IE */
			background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
			background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
			background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
			line-height: 1.5em;
			cursor:pointer;
			color:#0000ff;
			font-weight:bold;
			font-size: 16px;
						
}


.wrapper
{
	overflow: hidden ;
}

/* レスポンシブCSS　ここまで */


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 479px) {
.pc { display: none !important; }
.sp { display: block !important; }
}