﻿/*文字コードを指定*/
@charaset "UTF-8";

/*headerの書式設定*/
header{
	border-top:solid 10px #ffff66;	/*レモン色*/
}

/*bodyの書式設定*/	/* Googleフォント M PLUS Rounded 1c　Regular 400 */
body 	{
	font-family:'M PLUS Rounded 1c', sans-serif;
	width:773px;
}

/*class copyrightの書式設定*/
.copyright{
	text-align:center;
	font-style:normal;
	background-image:url(img/footer_bg.gif);
	background-repeat:repeat-x;
	font-size:0.9em;
	color:#999999;
	padding-top:10px;
	padding-bottom:5px;
	border:1px solid #bdcab5;
	height:22px;
	clear:both;
}


/*emの書式設定*/
em	{
	color:#cc0099;
	font-weight:bold;
}


/*h1の書式設定*/
h1 	{
	color:#333631;
	font-size:2em;
	font-weight:400;
	letter-spacing:0.3em;
	border-bottom:1px groove #bdcab5;
	padding-left:10px;
	width:590px;
}

/*h2の書式設定*/
h2	{
	background-image:url(img/h2_bg.jpg);
	background-repeat:repeat;

	font-family:"HG創英角ﾎﾟｯﾌﾟ体",'M PLUS Rounded 1c',sans-serif,cursive;
	color:#ffff00;
	font-size:1.7em;
	font-weight:400;
	padding-top:20px;
	padding-bottom:30px;
	padding-left:10px;
	margin-top:0px;
}

/*h3の書式設定*/
h3	{
	margin-left:10px;
	padding:1px;
	color:#333333;
	font-size:1.0em;
	border-left:15px solid #ffff66;
}

/*class"indexpic"の書式設定*/	/*index.html下方画像の右側配置*/
.indexpic 	{
	float:right;
}

/* NEWマーク */
.new	{
	float:left;
	margin:0;
	list-style:none;
	padding-left:5;
}

/*class"menu"の書式設定*/
.menu 	{
	float:left;
	margin:0;
	list-style:none;
	padding-left:0;
}

.menu a:link,.menu a:visited {
	color:#ffffff;
	background-image:url(img/menu_bg01.gif);
	display:block;
	width:170px;
	height:30px;
	padding-top:10px;
	text-indent:1em;
	text-decoration:none;
	font-size:1.2em;
}

.menu a:hover,.menu a:active {
	background-image:url(img/menu_bg02.gif);
	display:block;
	width:170px;
	height:30px;
	padding-top:10px;
	text-indent:1em;
	text-decoration:none;
	font-size:1.2em;
}

/*class"main"の書式設定*/
.main 	{
	float:right;
	width:600px;
	margin-left:2px;
	margin-bottom:1em;
	border-left:1px solid #cccccc;
}

/*pの書式設定*/
p	{
	line-height:145%;
	color:#333333;
	font-size:1.0em;
	padding-left:10px;
	margin-left:10px;
	margin-right:10px;
	width:570px;
}

/*class"sc"の書式設定*/	/*index.htmlのインデントなどの設定*/
.sc 	{
	line-height: 180%;
	color:#666666;
	font-size:0.85em;
	margin-left:20px;
}

/*strongの書式設定*/
strong	{
	color:#32cd32;
	font-weight:bold;
}

/*tableの書式設定*/
table	{
	border-collapse:collapse;
	font-size:0.9em;
	margin-bottom: 1em;
}
th	{
	border:1px solid #cccccc;
	background-color:#e7ece3;	/* 背景色：薄いグレー */
	color:#999999;
	font-weight:normal;
	padding:0.3em;
}
td	{
	border:1px solid #cccccc;
	padding:0.3em;
}

/*画像を表で並べた時	index.htmlで利用　*/
.table-img{
	border:0px none;		/* 線を消す */
	border-collapse:collapse;	/* 隣接するセルのボーダーを重ねて表示する */
	margin-bottom:0 auto;		/* 0:上下の余白0、auto：左右の余白を自動で調整→左右の中央揃えとなる */
	background:#e7ece3;		/* 背景色：薄いグレー */
}

.table-img1{			/* 1つ目の画像 */
	border:0px none;		/* 線を消す */
	vertical-align:bottom;		/* 画像を下揃え */
}

.table-img2{			/* 2つ目の画像 */
	border:0px none;		/* 線を消す */
	vertical-align:bottom;		/* 画像を下揃え */
}

/*sotry.htmlの表で中央揃え*/
.center{
  text-align:center;
  border:1px #e7ece3;		/* 背景色：薄いグレー */
}

/*メニュー項目にNEW吹き出し追加 */
.new-menu	{
	float:right;
	clear:both;
}

/*申込受付中のボタンの点滅*/
.blink {
	-webkit-animation: blink 1s ease infinite;
	animation: blink 1s ease infinite;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}