/* ボディ */
/* 全体に適用するCSS */
body
{
	/* font-family:“Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3″,“Hiragino Mincho ProN”,“メイリオ”, Meiryo, serif; */
	font-family:Helvetica,Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic,“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”, “メイリオ”,Meiryo, sans-serif;
	font-size: medium;	/* 文字サイズ */
	margin: 0 ;		/* スペース */
	padding: 0 ;		/* 余白 */
	line-height: 1.5 ;	/* 行の高さ */
	height: auto ;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:800px)
{
	/* ボディ */
	body
	{
		font-size: medium;	/* 文字サイズ */
	}
}

/* PCだけに適用するCSS */
@media screen and (min-width:980px)
{
	/* ボディ */
	body
	{
		font-size: medium;	/* 文字サイズ */

	}
}



/* ヘッダー */
/* 全体に適用するCSS */
.header
{
	border-bottom: 1px solid #888 ;		/* 枠線 */
	text-align: center ;			/* テキスト、画像の真ん中寄せ */
	padding: 0.5em 0 ;			/* 上下の余白 */
	margin-bottom: 1em ;			/* 他のブロックとのスペース */
	background: #4169e1 ;			/* 背景色(確認用) */
}



/* ロゴ画像を囲むh1 */
/* 全体に適用するCSS */
.logo-wrapper
{
	margin: 0 ;
	padding: 0.5em 0 ;
	line-height: 1 ;
}



/* ロゴ画像 */
/* 全体に適用するCSS */
.logo
{
	width: 180px ;
	height: auto ;
}

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

/* PCだけに適用するCSS */
@media screen and (min-width:980px)
{
	/* ロゴ画像 */
	.logo
	{
		width: 200px ;
	}
}



/* フッターの背景 */
/* 全体に適用するCSS */
.footer-bk
{
	background-color: #4169e1;	/* 背景色(黒) */
	width:100%;			/* 横の幅を100% */
	border-top: 1px solid #888 ;		/* 枠線 */
}

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

	}
}

/* PCだけに適用するCSS */
@media screen and (min-width:980px)
{
	.footer-bk
	{

	}
}



/* フッターの表示領域 */
/* 全体に適用するCSS */
.footer{
	text-align: center ;			/* テキスト、画像の真ん中寄せ */
	margin-top: 1em ;			/* 他のブロックとのスペース */
	padding: 1em 0 ;			/* 上下の余白 */
	background: #4169e1 ;
	font-size: 10px;			/* 文字サイズ */
	height: 20px;
	width: auto;
	margin: auto;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:979px)
{
	.footer
	{
	text-align: center ;			/* テキスト、画像の真ん中寄せ */
	margin-top: 1em ;			/* 他のブロックとのスペース */
	padding: 1em 0 ;			/* 上下の余白 */
	background: #4169e1 ;
	font-size: x-small;			/* 文字サイズ */
	height: auto;
	width: auto;
	margin: auto;
	}
}

/* PCだけに適用するCSS */
@media screen and (min-width:980px)
{
	.footer
	{
	text-align: center ;			/* テキスト、画像の真ん中寄せ */
	margin-top: 1em ;			/* 他のブロックとのスペース */
	padding: 1em 0 ;			/* 上下の余白 */
	background: #4169e1 ;
	font-size: x-small;			/* 文字サイズ */
	height: auto;
	width: auto;
	margin: auto;
	}
}



/* 全体に適用するCSS */
.wrapper
{
	width: auto ;
	padding: 0 10px ;
	font-size: medium ;	/* 文字サイズ */
	color: #000 ;		/* 黒色 */
}

/* PCだけに適用するCSS */
@media screen and (min-width:980px)
{
	.wrapper
	{
		width: auto ;
		padding: 0 5px ;
		font-size: medium ;	/* 文字サイズ */
		color: #00f ;		/* 青色 */
	}
}

/* スマホだけに適用するCSS */
@media screen and (max-width:979px)
{
	.wrapper
	{
		width: auto ;
		padding: 0 10px ;
		font-size: medium ;	/* 文字サイズ */
		color: #000080 ;		/* navy 赤色#f00 */
	}
}



/* 全体に適用するCSS */
.main
{
	width: auto ;
	padding: 0 ;		/* 余白 */
	border: none ;		/* 枠線 */
}

/* 全体に適用するCSS */
p
{
	line-height:normal;
	font-size: medium ;	/* 文字サイズ */
	color: #000000 ;		/* 黒色 */
}

/* PCだけに適用するCSS */
@media screen and (min-width:980px)
{
	p
	{
	line-height:20px;
	}
}

/* スマホだけに適用するCSS */
@media screen and (max-width:979px)
{
	p
	{
	line-height:18px;
	}
}


/* 全体に適用するCSS */
a
{
	text-decoration: none;
	color: #0000ff;
	font-size: 98%;	/* 文字サイズ */
	font-weight:bold;
}

/* PCだけに適用するCSS */
@media screen and (min-width:980px)
{
	a
	{
	padding-right:10px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-size: medium ;	/* 文字サイズ */
	font-weight:normal;
	}
}

/* スマホだけに適用するCSS */
@media screen and (max-width:979px)
{
	a
	{
	padding-right:12px;
	padding-left:12px;
	padding-top:12px;
	padding-bottom:12px;
	font-size: large ;	/* 文字サイズ */
	font-weight:normal;
	}
}


/* 全体に適用するCSS */
a:hover
{
	color: #0000ff;
}




/* ボタン装飾 */
/* 全体に適用するCSS */
.part
{

}

/* PCだけに適用するCSS loto6*/
@media screen and (min-width:980px)
{
	.part
	{
	position: relative;
	display: inline-block;
	width: 125px ;
	height: auto;
	background-color: #f56778;
	background-image: -webkit-linear-gradient(top, #f997b0, #f56778);
	background-image: linear-gradient(to bottom, #f997b0, #f56778);
	box-shadow: inset 1px 1px 0 #fbc1d0;
	border-bottom: 2px solid #cb5462;
	border-radius: 2px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 2px 0px #f56778;
	line-height: auto;
	outline: none;
	margin-right: 2px;
	}
}

/* スマホだけに適用するCSS loto6*/
@media screen and (max-width:979px)
{
	.part
	{
	position: relative;
	display: inline-block;
	width: 25%;
	height: auto;
	background-color: #f56778;
	background-image: -webkit-linear-gradient(top, #f997b0, #f56778);
	background-image: linear-gradient(to bottom, #f997b0, #f56778);
	box-shadow: inset 1px 1px 0 #fbc1d0;
	border-bottom: 2px solid #cb5462;
	border-radius: 2px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 2px 0px #f56778;
	line-height: auto;
	outline: none;
	margin: 0 0 4px 0;
	}
}

/* PCだけに適用するCSS loto5*/
@media screen and (min-width:980px)
{
	.part5
	{
	position: relative;
	display: inline-block;
	width: 125px ;
	height: auto;
	background-color: #E49709;
	background-image: -webkit-linear-gradient(top, #EBC888, #E49709);
	background-image: linear-gradient(to bottom, #EBC888, #E49709);
	box-shadow: inset 1px 1px 0 #f5dfb7;
	border-bottom: 2px solid #ea9f13;
	border-radius: 2px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 2px 0px #E49709;
	line-height: auto;
	outline: none;
	margin-right: 2px;
	}
}

/* スマホだけに適用するCSS loto5*/
@media screen and (max-width:979px)
{
	.part5
	{
	position: relative;
	display: inline-block;
	width: 25%;
	height: auto;
	background-color: #E49709;
	background-image: -webkit-linear-gradient(top, #EBC888, #E49709);
	background-image: linear-gradient(to bottom, #EBC888, #E49709);
	box-shadow: inset 1px 1px 0 #f5dfb7;
	border-bottom: 2px solid #ea9f13;
	border-radius: 2px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 2px 0px #E49709;
	line-height: auto;
	outline: none;
	margin: 0 0 4px 0;
	}
}

/* PCだけに適用するCSS loto7*/
@media screen and (min-width:980px)
{
	.part7
	{
	position: relative;
	display: inline-block;
	width: 125px ;
	height: auto;
	background-color: #005FFF;
	background-image: -webkit-linear-gradient(top, #82A5E1, #005FFF);
	background-image: linear-gradient(to bottom, #82A5E1, #005FFF);
	box-shadow: inset 1px 1px 0 #B9BEE6;
	border-bottom: 2px solid #2855F7;
	border-radius: 2px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 2px 0px #005FFF;
	line-height: auto;
	outline: none;
	margin-right: 2px;
	}
}

/* スマホだけに適用するCSS loto7*/
@media screen and (max-width:979px)
{
	.part7
	{
	position: relative;
	display: inline-block;
	width: 25%;
	height: auto;
	background-color: #005FFF;
	background-image: -webkit-linear-gradient(top, #82A5E1, #005FFF);
	background-image: linear-gradient(to bottom, #82A5E1, #005FFF);
	box-shadow: inset 1px 1px 0 #B9BEE6;
	border-bottom: 2px solid #2855F7;
	border-radius: 2px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 2px 0px #005FFF;
	line-height: auto;
	outline: none;
	margin: 0 0 4px 0;
	}
}


/* ボタン装飾 num4*/
/* 全体に適用するCSS */
.kata4
{

}

/* PCだけに適用するCSS */
@media screen and (min-width:980px)
{
	.kata4
	{
	position: relative;
	display: inline-block;
	width: 225px ;
	height: auto;
	background-color: #169516;
	background-image: -webkit-linear-gradient(top, #5AD65A, #169516);
	background-image: linear-gradient(to bottom, #5AD65A, #169516);
	box-shadow: inset 1px 1px 0 #9BD299;
	border-bottom: 2px solid #0FA632;
	border-radius: 2px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 2px 0px #169516;
	line-height: auto;
	outline: none;
	margin-right: 2px;
	}
}

/* スマホだけに適用するCSS */
@media screen and (max-width:979px)
{
	.kata4
	{
	position: relative;
	display: inline-block;
	width: 93%;
	height: auto;
	background-color: #169516;
	background-image: -webkit-linear-gradient(top, #5AD65A, #169516);
	background-image: linear-gradient(to bottom, #5AD65A, #169516);
	box-shadow: inset 1px 1px 0 #9BD299;
	border-bottom: 2px solid #0FA632;
	border-radius: 2px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 2px 0px #169516;
	line-height: auto;
	outline: none;
	margin-right: 2px;
	}
}


/* ボタン装飾 num3*/
/* 全体に適用するCSS */
.kata3
{

}

/* PCだけに適用するCSS */
@media screen and (min-width:980px)
{
	.kata3
	{
	position: relative;
	display: inline-block;
	width: 225px ;
	height: auto;
	background-color: #005FFF;
	background-image: -webkit-linear-gradient(top, #82A5E1, #005FFF);
	background-image: linear-gradient(to bottom, #82A5E1, #005FFF);
	box-shadow: inset 1px 1px 0 #B9BEE6;
	border-bottom: 2px solid #2855F7;
	border-radius: 2px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 2px 0px #005FFF;
	line-height: auto;
	outline: none;
	margin-right: 2px;
	}
}

/* スマホだけに適用するCSS */
@media screen and (max-width:979px)
{
	.kata3
	{
	position: relative;
	display: inline-block;
	width: 93%;
	height: auto;
	background-color: #005FFF;
	background-image: -webkit-linear-gradient(top, #82A5E1, #005FFF);
	background-image: linear-gradient(to bottom, #82A5E1, #005FFF);
	box-shadow: inset 1px 1px 0 #B9BEE6;
	border-bottom: 2px solid #2855F7;
	border-radius: 2px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 2px 0px #005FFF;
	line-height: auto;
	outline: none;
	margin-right: 2px;
	}
}

/* 全体に適用するCSS */
span.fontti
{

}

/* スマホだけに適用するCSS */
@media screen and (max-width:979px)
{
	.fontti
	{
	color: #FFFFFF ;
	font-size: large ;
	font-weight:600;
	font-family:Verdana;sans-serif;
	}
}

/* PCだけに適用するCSS */
@media screen and (min-width:980px)
{
	.fontti
	{
	color: #FFFFFF ;
	font-size: x-large ;
	font-weight:500;
	font-family:Verdana;sans-serif;
	}
}


/* 全体に適用するCSS */
span.fontd
{

}

/* スマホだけに適用するCSS */
@media screen and (max-width:979px)
{
	.fontd
	{
	color: #000000 ;
	font-size: large ;
	font-weight:600;
	font-family:Verdana;sans-serif;
	}
}

/* PCだけに適用するCSS */
@media screen and (min-width:980px)
{
	.fontd
	{
	color: #000000 ;
	font-size: x-large ;
	font-weight:500;
	font-family:Verdana;sans-serif;
	}
}


/* 全体に適用するCSS */
.font1				/* test */
{
	font-size: 9px ;
}

/* 全体に適用するCSS */
.font2				/* login */
{
	font-size: small ;
	color: #ff0000;
}

/* 全体に適用するCSS */
.font3				/* modoru */
{
	text-align: right;
}

/* 全体に適用するCSS */
.font4				/* kiyaku */
{
	font-size: small;	/* 文字サイズ */
}

/* 全体に適用するCSS */
.login
{
	text-align: center;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:979px)
{
	.login
	{
	text-align: center;
	}
}

/* PCだけに適用するCSS */
@media screen and (min-width:980px)
{
	.login
	{
	text-align: left;
	}
}



/* 全体に適用するCSS */
.inputtext
{

}

/* スマホだけに適用するCSS */
@media screen and (max-width:979px)
{
	.inputtext
	{
		width: 92% ;
		font-size: x-large;	/* 文字サイズ */
	}
}

/* PCだけに適用するCSS */
@media screen and (min-width:980px)
{
	.inputtext
	{

	}
}



/* 全体に適用するCSS */
.inputmbutton
{
	display:none;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:979px)
{
	.inputmbutton
	{
		display:inline;
		width: 92% ;
		font-size: x-large;	/* 文字サイズ */
	}
}

/* PCだけに適用するCSS */
@media screen and (min-width:980px)
{
	.inputmbutton
	{
		display:inline;
		width: auto ;

	}
}



/* 全体に適用するCSS */
.container
{
	position: relative; width: 100%; height: auto !important; height: 100%; min-height: 100%;
}



/* 全体に適用するCSS Menupng*/
.mbutton
{
	display:none;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:979px)
{
	.mbutton
	{
		display:inline;
		width: auto ;
	}
}

/* PCだけに適用するCSS */
@media screen and (min-width:980px)
{
	.mbutton
	{
		display:inline;
		width: auto ;
	}
}


/* 全体に適用するCSS */
a:hover
{
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
}



/* 全体に適用するCSS Menutxt */
.mtxt
{
	display:inline;
	text-decoration: none;
	color: #0000FF;
	font-size: medium;
	font-weight:bold;
	line-height: 160%;
}

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

/* PCだけに適用するCSS */
@media screen and (min-width:980px)
{
	.mtxt
	{
	display:none;
	}
}

/* 全体に適用するCSS */
.fontsmall
{

}

/* スマホだけに適用するCSS */
@media screen and (max-width:979px)
{
	.fontsmall
	{
	font-size: xx-small ;
	a:link { color:#000000; text-decoration:none }
	a:visited { color:#000000; text-decoration:none }
	a:hover { color:#000000; text-decoration:none }
	a:active { color:#000000; text-decoration:none }
	}
}

/* PCだけに適用するCSS */
@media screen and (min-width:980px)
{
	.fontsmall
	{

	}
}