@charset "Shift_JIS";/* 文字エンコードの設定（削除不可） */
/*	HTML要素（一部#ID）

---------------------------------------------------------*/

/* 壁紙 */
.yuki {
/*雪の色*/
color: rgba(104,171,247,.25);
/*大きさ*/
font-size:20px;
/*初期位置*/
position: fixed;
top:-5%;
left:-5%;
right:0%;
/*適当な幅で降らせる*/
text-shadow:
5vw   -100px 2px,
10vw  -400px 3px,
20vw  -500px 4px,
30vw  -580px 1px,
39vw  -250px 2px,
42vw  -340px 5px,
56vw  -150px 2px,
63vw  -180px 0,
78vw  -220px 4px,
86vw  -320px 9px,
94vw  -170px 7px;
/*1stアニメ1*/
animation: roll 14s linear infinite;
}
/*2ndアニメ*/
.yuki2nd{
animation: anim 10s linear infinite;
}
/*2ndアニメ*/
.yuki3rd{
animation: roll 18s linear infinite;
}

@keyframes roll {
0% {transform:rotate(-10deg);}
90% {opacity:1;}
100% {transform:rotate(250deg);top:100%;opacity:0;}
}
@keyframes anim {
100% {color:transparent;top:150%;}
}


/* 余白リセット */
* {
	margin:0;
	padding:0;
}

/* color設定 -----------------------------
$main-color:#1E2D5A; /* 濃紺：30,45,90 
$sub-color:#A22328; /* 濃赤：162,35,40 
$d-purple:#692D6E; /* 濃紫：105,45,110 
$green:#7CDEA7; /* 鈍緑：124,222,167 
$blue:#68ABF7; /* 青：104,171,247 
$yellow:#FCF279; /* 黄：252,242,121 
$red:#FA5568; /* 淡赤：250,85,104 
$link-color:#6616EC; /* 紫：102,22,236 
$link-hover-color:#9EBF13; /* 黄緑：158,191,19 
/*--------------------------------------*/

.red {
color: #F71F52 !important; /* 金赤：250,85,104 */
}
.blue {
color: #68ABF7 !important; /* 青：104,171,247 */
}
/*--------------------------------------*/



/* 基本構造 */
html {
background:linear-gradient(180deg, rgb(104,171,247,.25), rgb(158,191,19,.25), rgb(30,45,90,.25), rgb(104,171,247,.25));
}

body {
	margin:0 auto;
	width:714px;
	max-width:714px;
	font-size:85%;
	font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	letter-spacing:0.1em;
	color:#2E2E2E;
}

hr {
	display:none;
}
#HEADER, #MENU, #KIZI, #FOOTER {
background:rgba(255,255,255,.7);
}

/* 見出し */
h1, h2, h3, h4, h5, h6 {
}
h1 {
	padding:10px 15px 0;
	font-size:3em;
	line-height:1.2em;
	color: #FFF;
}
h1 > span.small {
	font-size: .7em;
}
h2 {
	margin:1em 0 .5em 0;
	padding:0 0 0 .5em;
	border-left:5px solid #1e2d5a;
	color:#1e2d5a;
	font-size:1.3em;
}
h3, h4, h5, h6 {
	margin:1.5em 0 .5em 0;
}
h3 {
	font-size:1.15em;
	padding:0;
	border-bottom:1px solid rgba(105,45,110, .25);
	color: #692d6e;
}
h4 {
	font-size:1.1em;
	padding: .25em;
	border-top:1px dotted #14A856;
	border-bottom:1px dotted #14A856;
	color: #14A856;
}
h5 {
	font-size:1em;
	color:#6616EC;
}
h6 {
	font-size:.9em;
	color: #313131;
}
/* 段落 */
p {
}
/* アンカー */
a:link, a:visited {
	text-decoration:underline;
}
a, a:link {
	color:#692D6E;
}
a:visited {
	color:#692D6E;
}
a:hover, a:active {
	color:#68ABF7;
	text-decoration:none;
}
a:focus {
}
/* 強調・追加・削除 */
em {
	padding:0.1em;
	background-color:#EEE;
	font-style:normal;
}
strong {
}
ins {
	border-bottom:1px solid #CCC;
	text-decoration:none;
}

/* フォーム */
fieldset {
	border:none;
}
legend {
	display:none;
}
input, textarea, select, button {
	margin:0 0 5px 0;
	padding:0.1em;
	border:1px solid #a9a9a9;
	background-color:transparent;
	font:100% 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka;
}
input:hover, textarea:hover, select:hover, button:hover {
	border:1px solid #6b395f;
}
input:focus, textarea:focus, select:focus, button:focus {
 border:1px solid #6b395f;
 background-color:#eeeeee;
}
input {
}
input#TEXT {
}
input#CHECKBOX {
}
input#RADIO {
}
input#BUTTON {
}
textarea {
}
select {
}
option {
}
optgroup {
	font-style:normal;
}
/* リスト（順序付き） */
ol {
	padding:0 0 0 2em;
}
ol li {
}
/* リスト（順不同） */
ul {
	padding:0 0 0 1.5em;
}
ul li {
}
/* リスト（定義型） */
	dd {
	margin:0 0 0 1em;
	padding:0 0 0 0.5em;
	/*border-left:1px dashed #fff333;*/
}
/* アドレス */
address {
	font-style:normal;
}
/* 引用 */
blockquote {
	margin:0.5em;
	padding:0.5em 1em;
	background-color:#eeeeee;
}
cite {
	font-style:normal;
}
cite, q {
}
/* 整形済みテキスト */
pre {
	width:100%;
	overflow:auto;
}
/* 物理要素 */
b {
}
i {
}
big {
}
small {
}
tt {
}
/* テーブル */
table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	text-align:left;
}
thead {
	border-bottom:2px solid #dcdcdc;
}
th, td {
	padding:0.1em 0.5em;
}
tr:hover {
	background-color:#eeeeee;
}
/*	各#ID＆.class
---------------------------------------------------------*/
div#INDEX {
	width:100%;
	/*background-image:url('bg2.jpg');*/
}
div#PAGETOP {
}
/* ヘッダー */
div#HEADER {
	height:150px;
	vertical-align:center;
	line-height:5em;
	background:#1E2D5A;
}
ul#PAN {
	display:none;
}
/* ガイダンス */
div#GUIDANCE {
	padding:0em 1.5em;
}
/* メニュー */
div#MENU {
	margin:0;
	background:#692D6E;
}
div#MENU h2 {
	display:none;
}
div#MENU ul, div#MENU ul li {
	list-style-type:none;
}
div#MENU ul {
	padding:0;
	height:2.5em;
	width:100%;
	line-height:2.5;
}
div#MENU ul li {
	float:left;
	text-align:center;
}

li#MENU05 {
width:4em;
}
li#MENU01, 
li#MENU02, 
li#MENU07 {
	width:6em;
}
li#MENU04 {
	width:10em;
}
li#MENU03, 
li#MENU06, 
li#MENU08 {
	width:8em;
}
li.menu-on {
}
div#MENU ul li a {
	display:block;
	border-right:1px solid #3F7735;
	color:#fff;
	text-decoration:none;
}
div#MENU ul li a:hover, div#MENU ul li a:active {
	color:#fff;
	background:#692D6E;
}
li#MENU06 a {
	border:none !important;
}
/* プログラム */
.program dd {
	margin: 0 0 0 1em;
	padding: 0 0 0 0.5em;
	border-left: 1px dashed #fff;
	margin-left: 10em;
	margin-bottom: 1.5em;
}
.program dt {
	float: left;
	width: 11em;
}
/* 記事 */
div#KIZI {
	padding:3em 1.5em 1em 1.5em;
}
div.text {
}
ul.modori {
	margin:1em 0;
	text-align:right;
}
ul.modori, ul.modori li {
	list-style-type:none;
}
/* フッター */
div#FOOTER {
	padding:1em 0;
	border-top:3px solid #eee;
}
div#FOOTER h2 {
	display:none;
}
div#FOOTER ul, div#FOOTER ul li {
	list-style-type:none;
}
div#FOOTER ul {
	margin:0;
	text-align:center;
}
div#FOOTER ul li {
	margin:0 0.5em;
	display:inline;
}
li#FOOTER01 {
}
li#FOOTER02 {
}
li#FOOTER03 {
}
div#FOOTER ul li address {
	display:inline;
	font-style:normal;
}
.navi_text {
	font-size: 10px;
	color:#FF0000;
}
.f-form tr {
	background-color:#FFFFFF;
}

/*-----------------------------------
 ボタン類　色いろ
-----------------------------------*/
.btn-r, .btn-r:link, .btn-r:hover, .btn-r:visited, .btn-r:active, .btn-g, .btn-g:link, .btn-g:hover, .btn-g:visited, .btn-g:active, .btn-b, .btn-b:link, .btn-b:hover, .btn-b:visited, .btn-b:active, .btn-a, .btn-a:link, .btn-a:hover, .btn-a:visited, .btn-a:active {
	border-radius:5px;
	color:#fff;
	display:inline-block;
	padding:.5em .8em;
	text-decoration:none
}
.btn-r {
	box-shadow:inset 0 1px 0 0 #F5978E;
	background:linear-gradient(to bottom, #F24537 5%, #C62D1F 100%);
	background-color:#F24537;
	border:1px solid #D02718;
	text-shadow:1px 1px 0 #810E05
}
.btn-r:hover {
	background:linear-gradient(to bottom, #C62D1F 5%, #F24537 100%);
	background-color:#C62D1F
}
.btn-r:active {
	position:relative;
	top:1px
}
.btn-g {
	box-shadow:inset 0 1px 0 0 #C1ED9C;
	background:linear-gradient(to bottom, #8AB526 5%, #719424 100%);
	background-color:#8AB526;
	border:1px solid #639414;
	text-shadow:1px 1px 0 #4A681B
}
.btn-g:hover {
	background:linear-gradient(to bottom, #719424 5%, #8AB526 100%);
	background-color:#719424
}
.btn-g:active {
	position:relative;
	top:1px
}
.btn-b {
	box-shadow:inset 0 1px 0 0 #bee2f9;
	background:linear-gradient(to bottom, #397FAC 5%, #2D669D 100%);
	background-color:#397FAC;
	border:1px solid #224F76;
	text-shadow:1px 1px 0 #27466F
}
.btn-b:hover {
	background:linear-gradient(to bottom, #2D669D 5%, #397FAC 100%);
	background-color:#2D669D
}
.btn-b:active {
	position:relative;
	top:1px
}
.btn-a {
	box-shadow:inset 0 1px 0 0 #f5f5f5;
	background-color:#c0c0c0;
	border:1px solid #808080;
	text-shadow:1px 1px 0 #696969
}

/*-----------------------------------
 よく使う余白と横リスト
-----------------------------------*/
.mt-1 {
	margin-top:-1em !important;
}
.mr-1 {
	margin-right:-1em !important;
}
.mb-1 {
	margin-bottom:-1em !important;
}
.ml-1 {
	margin-left:-1em !important;
}
.mt-2 {
	margin-top:-2em !important;
}
.mr-2 {
	margin-right:-2em !important;
}
.mb-2 {
	margin-bottom:-2em !important;
}
.ml-2 {
	margin-left:-2em !important;
}
.mt-3 {
	margin-top:-3em !important;
}
.mr-3 {
	margin-right:-3em !important;
}
.mb-3 {
	margin-bottom:-3em !important;
}
.ml-3 {
	margin-left:-3em !important;
}

.m0 {
	margin:0 !important;
}
.mt0 {
	margin-top:0 !important;
}
.mr0 {
	margin-right:0 !important;
}
.mb0 {
	margin-bottom:0 !important;
}
.ml0 {
	margin-left:0 !important;
}
.mt1 {
	margin-top:1em !important;
}
.mr1 {
	margin-right:1em !important;
}
.mb1 {
	margin-bottom:1em !important;
}
.ml1 {
	margin-left:1em !important;
}
.mt2 {
	margin-top:2em !important;
}
.mr2 {
	margin-right:2em !important;
}
.mb2 {
	margin-bottom:2em !important;
}
.ml2 {
	margin-left:2em !important;
}
.mt3 {
	margin-top:3em !important;
}
.mr3 {
	margin-right:3em !important;
}
.mb3 {
	margin-bottom:3em !important;
}
.ml3 {
	margin-left:3em !important;
}
.mt4 {
	margin-top:4em !important;
}
.mr4 {
	margin-right:4em !important;
}
.mb4 {
	margin-bottom:4em !important;
}
.ml4 {
	margin-left:4em !important;
}
.mt5 {
	margin-top:5em !important;
}
.mr5 {
	margin-right:5em !important;
}
.mb5 {
	margin-bottom:5em !important;
}
.ml5 {
	margin-left:5em !important;
}
.mt6 {
	margin-top:6em !important;
}
.mr6 {
	margin-right:6em !important;
}
.mb6 {
	margin-bottom:6em !important;
}
.ml6 {
	margin-left:6em !important;
}
.mt7 {
	margin-top:7em !important;
}
.mr7 {
	margin-right:7em !important;
}
.mb7 {
	margin-bottom:7em !important;
}
.ml7 {
	margin-left:7em !important;
}
/* 横並びリスト */

.list-w1 dd, .list-w2 dd, .list-w3 dd, .list-w4 dd, .list-w5 dd, .list-w6 dd, .list-w7 dd, .list-w8 dd, .list-w9 dd, .list-w10 dd, .list-w11 dd, .list-w12 dd, .list-w13 dd, .list-w14 dd, .list-w15 dd, .list-w16 dd, .list-w17 dd, .list-w18 dd, .list-w19 dd, .list-w20 dd {
	margin: 0;
	padding: 0;
	border-left:non;
}
.list-w1, .list-w2, .list-w3, .list-w4, .list-w5, .list-w6, .list-w7, .list-w8, .list-w9, .list-w10, .list-w11, .list-w12, .list-w13, .list-w14, .list-w15, .list-w16, .list-w17, .list-w18, .list-w19, .list-w20 {
	margin-top:0;
	margin-bottom:0;
}
.list-w1 dt {
	width:1em;
	float:left;
}
.list-w1 dd {
	margin-left:1em;
}
.list-w2 dt {
	width:2em;
	float:left;
}
.list-w2 dd {
	margin-left:2em;
}
.list-w3 dt {
	width:3em;
	float:left;
}
.list-w3 dd {
	margin-left:3em;
}
.list-w4 dt {
	width:4em;
	float:left;
}
.list-w4 dd {
	margin-left:4em;
}
.list-w5 dt {
	width:5em;
	float:left;
}
.list-w5 dd {
	margin-left:5em;
}
.list-w6 dt {
	width:6em;
	float:left;
}
.list-w6 dd {
	margin-left:6em;
}
.list-w7 dt {
	width:7em;
	float:left;
}
.list-w7 dd {
	margin-left:7em;
}
.list-w8 dt {
	width:8em;
	float:left;
}
.list-w8 dd {
	margin-left:8em;
}
.list-w9 dt {
	width:9em;
	float:left;
}
.list-w9 dd {
	margin-left:9em;
}
.list-w10 dt {
	width:10em;
	float:left;
}
.list-w10 dd {
	margin-left:10em;
}
.list-w11 dt {
	width:11em;
	float:left;
}
.list-w11 dd {
	margin-left:11em;
}
.list-w12 dt {
	width:12em;
	float:left;
}
.list-w12 dd {
	margin-left:12em;
}
.list-w13 dt {
	width:13em;
	float:left;
}
.list-w13 dd {
	margin-left:13em;
}
.list-w14 dt {
	width:14em;
	float:left;
}
.list-w14 dd {
	margin-left:14em;
}
.list-w15 dt {
	width:15em;
	float:left;
}
.list-w15 dd {
	margin-left:15em;
}
.list-w16 dt {
	width:16em;
	float:left;
}
.list-w16 dd {
	margin-left:16em;
}
.list-w17 dt {
	width:17em;
	float:left;
}
.list-w17 dd {
	margin-left:17em;
}
.list-w18 dt {
	width:18em;
	float:left;
}
.list-w18 dd {
	margin-left:18em;
}
.list-w19 dt {
	width:19em;
	float:left;
}
.list-w19 dd {
	margin-left:19em;
}
.list-w20 dt {
	width:20em;
	float:left;
}
.list-w20 dd {
	margin-left:20em;
}
.txt-bold {
	font-weight:bold;
}
.txt-red {
	color:#FF0000;
}
