@charset "UTF-8";

body	{font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}
/* メニュー */
	.Menu		{margin-top:		0px;
			margin-right:		-10px;
			margin-bottom:		0px;
			margin-left:		-10px;
			padding-bottom:		10px;
			}
	.Menu	h1	{background-color:	#ff9900;
			color:			#008000;
			margin-bottom:		5px;
			padding-left:		15px;
			}
 	.Menu	ul	{background-color:	#ffff00;
			border-left:		2px solid #CCC;
			margin-top:		0px;
			margin-bottom:		10px;
			margin-left:		6px;
			padding-left:		6px;
			list-style: 		none;
 			}
 	.Menu	li	{float:			left;
			background-color:	#ffff00;
 			text-decoration: 	none;
			width:			100px;
			border-right:		2px solid #CCC;
 			margin-top: 		0px;
 			margin-bottom: 		0px;
			margin-right:		6px;
			padding-right:		6px;
 			}
	.Menu	li:hover
			{background-color: #008000;
			}
	.Menu	a	{
			display:		block;
			color:			#ff6666;
			text-decoration:	none;
			}
	.Menu	:after
			{contect:		"";
			diplay:			block;
			clear:			both;
			}
	.Logo		{Background-color: 	transparent;
			margin-bottom:		0px;
			width:			300px;
			height:			140px;
			}
 	.List	h2	{color:			#000000;
 			margin-top: 		0px;
 			margin-bottom: 		0px;
 			margin-left: 		0px;
 			}
 	.List	p	{color:			#000000;
 			margin-top: 		0px;
 			margin-bottom: 		0px;
 			margin-left: 		10px
 			}
/* 概要 */
.naiyou	{margin-bottom: 20px}

.naiyou a	{display: block;
	border: solid 1px #dddddd;
	color: #000000;
	text-decoration: none}

.naiyou a:hover	{box-shadow: 0 0 10px #dddddd}

.naiyou img	{max-width: 100%;
	height: auto;
	border: none;
	margin-bottom: 15px;
	vertical-align: bottom}

.naiyou h1	{margin-top: 0;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 22px}

.naiyou h2	{margin-top: 0;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 18px}

.naiyou p	{margin-top: 0;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px}

/* ボックスの上下の間隔 */
.box1	{padding-top: 8px;
	padding-bottom: 8px}

/* フッター */
.copyright p	{margin: 0;
		color: #000000;
		font-size: 12px;
		text-align: center;}

/* 点滅 */
.blinking{
    -webkit-animation:blink 2.0s ease-in-out infinite alternate;
    -moz-animation:blink 2.0s ease-in-out infinite alternate;
    animation:blink 2.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* 文字スクロール */
.marquee{
	margin-left: -6px;
	margin-right: -5px;
	padding:0.5em 0;
	background-color:#FFFFCC;
	overflow:hidden;
	position:relative;
	font-size: 14px;
	}
.marquee p:after {
	content:"";
	white-space:nowrap;
	padding-right:10px;
	}
.marquee p{
	margin:0;
	padding-left:100%;
	display:inline-block;
	white-space:nowrap;
	/* safari */
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:30s;
	-webkit-animation-iteration-count:infinite;
	/* firefox */
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:30s;
	-moz-animation-iteration-count:infinite;
	/* XXXXX */
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:30s;
	-ms-animation-iteration-count:infinite;
	/* opera */
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:30s;
	-o-animation-iteration-count:infinite;
	/* ie */
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:30s;
	animation-iteration-count:infinite;
	}
@-webkit-keyframes marquee {
 	from   { -webkit-transform: translate(0%);}
		99%,to { -webkit-transform: translate(-100%);}
	}
@-moz-keyframes marquee {
	from   { -moz-transform: translate(0%);}
		99%,to { -moz-transform: translate(-100%);}
	}
@-ms-keyframes marquee {
	from   { -ms-transform: translate(0%);}
		99%,to { -ms-transform: translate(-100%);}
	}
@-o-keyframes marquee {
  	from   { -o-transform: translate(0%);}
  		99%,to { -o-transform: translate(-100%);}
	}
@keyframes marquee {
	from   { transform: translate(0%);}
 		99%,to { transform: translate(-100%);}
	}

/* ########### 599px以下 ########### */
@media (max-width: 599px) {

/* ナビゲーション */
.Menu li a	{padding: 10px 3px;
		font-size: 11px}
/* ボックスの上下の間隔 */
.box1	{padding-top: 4px;
	padding-bottom: 4px}

}
/* ########### 600px以上 ########### */
@media (min-width: 600px) {

/* 概要を横に並べる設定 */
.box1-1:after	{content: "";
							display: block;
							clear: both}

.box1-1 .naiyou	{float: left;
								width: 50%}

.box1-1 .naiyou:nth-child(odd)
							{padding-right: 15px;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
							clear: both}

.box1-1 .naiyou:nth-child(even)
							{padding-left: 15px;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box}
}