/* ===========================
default set
============================*/
body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "�q���M�m�ۃS ProN W4", "Hiragino Maru Gothic Pro", "���C���I", Meiryo, Verdana, Arial, sans-serif;
	font-size: 82%;
	line-height: 150%;
	background:#ffffff;
}

address, p, ul, ol, li, dl, dt, dd, table, th, td, img, form center {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 150%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
}

h1, h2, h3, h4, h5, h6{
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	line-height: 150%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 150%;
	text-align: left;
}

font {display:inline-block; }

textarea, input {
	font-family: "Lucida Grande", "segoe UI", "�q���M�m�ۃS ProN W4", "Hiragino Maru Gothic Pro", "���C���I", Meiryo, Verdana, Arial, sans-serif;
	margin:0;
}

.end { clear:both;
}

em { display:none;}

a.imghover:hover img {
filter: alpha(opacity=80); -moz-opacity:0.80;  opacity:0.80;
}


/* ===========================
float clear
=============================*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/* ===========================
float_box
============================*/
.l_box { float: left; }
.r_box { float: right; }

/* ===========================
text_align
============================*/
.a_left { text-align: left; }
.a_right { text-align: right; }
.a_center { text-align: center; }

/* ===========================
a
=============================*/
a { outline: none; color: #ff576d; }
a:hover { outline: none; color: #ff576d; }

/* ===========================
p
=============================*/
p { text-align: left; }
.position_clear { position:static;}

/* ===========================
font
============================*/
.f10 { font-size: 82%; }
.f11 { font-size: 88%; }
.f12 { font-size: 94%; }
.f13 { font-size: 100%; }
.f14 { font-size: 106%; }
.f15 { font-size: 112%; }
.f16 { font-size: 118%; }
.f17 { font-size: 124%; }
.f18 { font-size: 130%; }
.f19 { font-size: 136%; }
.f20 { font-size: 142%; line-height:142%; }
.f21 { font-size: 148%; }
.f22 { font-size: 154%; }
.f23 { font-size: 160%; }
.f24 { font-size: 166%; }
.f25 { font-size: 172%; }
.f26 { font-size: 178%; }
.f27 { font-size: 184%; }
.f28 { font-size: 190%; }
.f29 { font-size: 300%; }
.fwb { font-weight: bold; }
.f_min { font-family:"�l�r �o����", "MS PMincho", "�q���M�m���� Pro W3", "Hiragino Mincho Pro", serif;}

.l_h180 { line-height:180%;}
.l_h200 { line-height:200%;}

/* ===========================
border
=============================*/
.bs { border: 1px #CCCCCC solid; }
.bs02 { border: 5px #CCCCCC solid; }
.bs_top { border-top: 1px #e2e2e2 solid; }
.bs_bottom { border-bottom: 1px #CCCCCC solid; }

.bd { border: 4px #efefef solid; overflow:auto; padding:15px; }
.bd_top { border-top: 1px #CCCCCC dotted; }
.bd_bottom { border-bottom: 1px #CCCCCC dotted; }
.bd_tb { border-top: 1px #CCCCCC dotted; border-bottom: 1px #CCCCCC dotted; }
.bd_dot { border: 1px #CCCCCC dotted; padding:5px; }

/* ===========================
marin_padding
=============================*/
.m_5 { margin: 5px; }
.m_10 { margin: 10px; }

.m_top3 { margin-top: 3px; }
.m_top5 { margin-top: 5px; }
.m_top10 { margin-top: 10px; }
.m_top15 { margin-top: 15px; }
.m_top20 { margin-top: 20px; }
.m_top30 { margin-top: 30px; }
.m_top40 { margin-top: 40px; }
.m_top50 { margin-top: 50px; }
.m_top60 { margin-top: 60px; }

.m_left3 { margin-left: 3px; }
.m_left5 { margin-left: 5px; }
.m_left10 { margin-left: 10px; }
.m_left20 { margin-left: 20px; }

.m_right3 { margin-right: 3px; }
.m_right5 { margin-right: 5px; }
.m_right10 { margin-right: 10px; }
.m_right15 { margin-right: 15px; }
.m_right20 { margin-right: 20px; }

.m_bottom1 { margin-bottom: 1px; }
.m_bottom2 { margin-bottom: 2px; }
.m_bottom3 { margin-bottom: 3px; }
.m_bottom4 { margin-bottom: 4px; }
.m_bottom5 { margin-bottom: 5px; }
.m_bottom10 { margin-bottom: 10px; }
.m_bottom15 { margin-bottom: 15px; }
.m_bottom20 { margin-bottom: 20px; }
.m_bottom25 { margin-bottom: 25px; }
.m_bottom30 { margin-bottom: 30px; }
.m_bottom40 { margin-bottom: 40px; }
.m_bottom160 { margin-bottom: 160px; }

.p_3 { padding: 3px; }
.p_5 { padding: 5px; }
.p_10 { padding: 10px; }
.p_20 { padding: 20px; }

.p_top5 { padding-top: 5px; }
.p_top10 { padding-top: 10px; }
.p_top20 { padding-top: 20px; }
.p_top30 { padding-top: 30px; }

.p_bottom3 { padding-bottom: 3px; }
.p_bottom5 { padding-bottom: 5px; }
.p_bottom10 { padding-bottom: 10px; }
.p_bottom20 { padding-bottom: 20px; }
.p_bottom30 { padding-bottom: 30px; }

.p_tb1 { padding: 1px 0; }
.p_tb2 { padding: 2px 0; }
.p_tb3 { padding: 3px 0; }
.p_tb4 { padding: 4px 0; }
.p_tb5 { padding: 5px 0; }
.p_tb10 { padding: 10px 0; }
.p_tb20 { padding: 20px 0; }

.p_lr5 { padding: 0 5px; }
.p_lr10 { padding: 0 10px; }

.p_tb3_lr5 { padding: 3px 5px; }
.p_tb5_lr10 { padding: 5px 10px; }
.p_tb5_lr20 { padding: 5px 20px; }
.p_tb10_lr5 { padding: 10px 5px; }
.p_tb20_lr10 { padding: 20px 10px; }

.p_10_b20 { padding: 10px 10px 20px 10px; }

/* ===========================
color
============================*/
.c_r01 { color: #F00; }
.c_w01 { color: #FFFFFF; }
.c_b01 { color: #046585; }
.c_b02 { color: #060965; }
.c_g01 { color: #009933; }
.c_grey01 { color: #333333; }
.c_grey02 { color: #E4E4E4; }
.c_brown01 { color: #970105; }
.c_purple01 { color: #7e4c67; }
.c_orange01 { color: #ed7b01; }
.c_black { color:#000000; }
.c_navi01 { color: #2e2358; }
.c_db { color:#000033;}
.c_pink { color:#e12548;}

/* ===========================
background
============================*/
.b_wh { background: #ffffff; }
.b_r01 { background: #b40404; }
.b_r02 { background: #ffd1d6; }
.b_r03 { background: #410202; }
.b_g01 { background: #6da304; }
.b_g02 { background: #effddf; }
.b_b01 { background: #b8e2fd; }
.b_b02 { background: #e9fdfd; }
.b_b03 { background: #caeefe; }
.b_b04 { background: #0d3a49; }
.b_orange01 { background: #ffefa7; }
.b_black { background: #000000; }
.b_grey01 { background: #CCCCCC; }
.b_grey02 { background: #6C6C6C; }
.b_grey03 { background: #E4E4E4; }
.b_beige01 { background: #f3f2dd; }
.b_purple01 { background: #7e4c67; }
.b_purple02 { background: #CAB9DF; }
.b_brown { background: #856348; }
.b_navi01 { background: #2e2358; }
.b_pink{ background:#fbebf1;}

/* ===========================
width
============================*/
.w10per { width: 10%; }
.w15per { width: 15%; }
.w20per { width: 20%; }
.w25per { width: 25%; }
.w28per { width: 28%; }
.w29per { width: 29%; }
.w30per { width: 30%; }
.w32per { width: 32%; }
.w33per { width: 33%; }
.w35per { width: 35%; }
.w40per { width: 40%; }
.w45per { width: 45%; }
.w48per { width: 48%; }
.w50per { width: 50%; }
.w60per { width: 60%; }
.w70per { width: 70%; }
.w80per { width: 80%; }
.w90per { width: 90%; }
.w99per { width: 99%; }
.w100per { width: 100%; }


/* ===========================
button
============================*/
.button a {
	text-align: center;
	display: block;
	padding: 20px 15px;
	color: #012745;
	text-decoration: none;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
	font-weight: bold;
	border: 1px #999999 solid;
	margin:5px;
	font-size:140%;

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(1, #E8E4DC)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E8E4DC 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E8E4DC 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E8E4DC 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E8E4DC 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #E8E4DC 100%);

/* InternetExplorer */  
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E8E4DC', GradientType=0)";  
}

.button a:hover {
	color: #FFFFFF;

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #D60303),
	color-stop(1, #BA0202)
);
background-image: -o-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
background-image: -moz-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
background-image: -webkit-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
background-image: -ms-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
background-image: linear-gradient(to bottom, #D60303 0%, #BA0202 100%);

/* InternetExplorer */  
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D60303', endColorstr='#BA0202', GradientType=0)";  

}

.button01 a { 
	background: #e1d335;
	display: inline-block;
    /display: inline;
    /zoom: 1;
	padding: 10px 20px;
	color: #422401;
 	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-decoration: none;
}

.button01 a:hover { background: #bdb12c; }

.button02 a {
	background: #0a0fd8;
	padding: 5px 15px;
 	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color: #FFF;
	text-decoration: none;
	float:right;
	margin-right:3px;
}

.button02 a:hover { background: #572823; }

.button03 a { 
	background: #fbe9d1;
	display: inline-block;
    /display: inline;
    /zoom: 1;
	padding: 5px 25px;
	color: #422401;
 	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-decoration: none;
	font-size:110%;
	font-weight:normal;
}

.button03 a:hover { background: #b09776; }

.button04 a {
	width:95%;
	background: #8c4039;
	padding: 3px 15px;
 	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color: #FFF;
	text-align:center;
	text-decoration:none;
	float:left;
	margin:5px auto;
}

.button04 a:hover{ background: #572823; }

.button05 a {
	background: #0a0fd8;
	padding: 10px 15px;
 	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color: #FFF;
	text-align:center;
	text-decoration:none;
	margin:15px auto;
}

.button05 a:hover{ background: #6246ec; }



.line_course_btn a { text-align: center; display: block; padding: 20px 15px; color: #fff; background-color:#00b900; border-radius:13px; text-decoration:none; font-weight: bold; margin:5px; font-size:140%; }
.line_course_btn a:hover { background-color:#000000; }
.line_course_btn a img { vertical-align:middle; width:100px; }

/* ===========================
table
=============================*/
.t01 {
	width: 100%;
	border-collapse: collapse;
	margin:15px 0px;
}

.t01 th {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
}

.t01 td {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px 5px;
}

.t01 tr:hover { background: #e2ffbd; color: #000; }

.t02 {
	background: #efefef;
	border-collapse: collapse;
}

.t02 th {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
}

.t02 td {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px 5px;
}

.t03 {
	width:100%;
border-collapse: collapse;
}

.t03 th {
	border: 1px #e0dddd solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
	white-space:nowrap;
}

.t03 td {
	border: 1px #e0dddd solid;
	text-align: center;
	padding: 3px 5px;
}


.t02 tr:hover { background: #e2ffbd; color: #000; }



.t04 {
	width: 100%;
	border-collapse: collapse;
}

.t04 th {
	border: 2px #FFFFFF solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
}

.t04 td {
	border: 2px #FFFFFF solid;
	text-align: center;
	padding: 5px;
}

.t05 {
	width: 100%;
border-collapse: collapse;
}

.t05 th {
	border: 1px #ffffff solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
}

.t05 td {
	border: 1px #ffffff solid;
	text-align: center;
	padding: 3px 5px;
}

.t06 {
	width:78%;
border-collapse: collapse;
}

.t06 th {
	border: 1px #e0dddd solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
	white-space:nowrap;
}

.t06 td {
	border: 1px #e0dddd solid;
	text-align: center;
	padding: 3px 5px;
}

.t_calendar {
	width: 100%;
	border-collapse: collapse;
	margin:15px 0px;
	b
}

.t_calendar th {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px;
	background: #424242;
}

.t_calendar td {
	border: 1px #cccccc solid;
	text-align: center;
	padding: 5px 5px;
}



#td_left { text-align:left;}
#td_right { text-align:right;}

.ryoukin_tbl img { margin-right: 3px; }

.cmn_tbl { background-color:#fff; margin:0.5em; }
.cmn_tbl th, .cmn_tbl td { padding:0.4em 0.8em 0.3em; }
.cmn_tbl th { background-color:#ddd; border-color:#fff; }
.cmn_tbl td { background-color:transparent; }



/* ===========================
attention
============================*/
.atten {
	margin-top: 30px;
	border: 2px #d40207 solid;
	padding: 15px;
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.atten h2 {
	font-size: 130%;
	color:#F00;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px #CCCCCC dotted;
}

.atten p {
	font-size: 106%;
}

/* ===========================
icon
=============================*/
.lunch {
	background: url(../images/common/lunch.png) left center no-repeat;
	padding-left: 26px;
}

.op01 {
	background: url(../images/fee/comp.gif) left center no-repeat;
	padding-left: 26px;
}

.thanks {
	background: url(../images/common/thanks.png) left center no-repeat;
	padding-left: 22px;
}

.icon span {
	display: block;
	float: left;
	margin-right: 10px;
}

.list {
	background: url(../images/common/list.png) left center no-repeat;
	padding-left: 20px;
}

#side_link {width:100��;
	margin:0px 0 10px 0; 
	padding:5px 0px 0px;
	border-top: solid 3px #0066cc; }
	
#side_link ul {
	list-style:none; margin:0; 
	padding:0px 0px 8px;
	}
#side_link li { 
   font-size:12px;
	margin:0px 5px; 
	padding: 8px 0 8px 18px; 
	background:url(../images/common/arrow01.gif) left center no-repeat; 
	border-bottom: dotted 1px #CCCCCC; 
	vertical-align:text-top; 
	text-align:left;}
	
/* ===========================
pageNav
=============================*/
#page ul.pageNav01 {
	background:#efefef;
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
	font-size:120%;
}

#page ul.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

#page ul.pageNav01 li span,
#page ul.pageNav01 li a {
	background: #ffffff;

	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	border: 1px solid #ff576d;
	text-decoration: none;
	vertical-align: middle;
}

#page ul.pageNav01 li a:hover {
	background: #ffffff;
	border-color: #ff576d;
	color: #053f7a;
}

	
/*---------------------------------------------------
 Page Top Btn
--------------------------------------------------- */
#pagetopComp {
width:59px;
height:59px;
position:fixed;
bottom:50px;
right:0px;
z-index:999;
}
* html #pagetopComp {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}

#pagetopComp_sm a {
width:100%;
height:20px;
position:fixed;
bottom:0px;
right:0px;
z-index:999;
background:#6246ec;
color:#FFFFFF;
text-align:center;
text-decoration:none;
padding:3px 0px;
}


#stage {background:#f0efd1; padding:5px 12px 5px 20px; line-height:250%; margin:5px auto; border-bottom:1px dotted #efefef; border-top:1px dotted #efefef; margin-bottom:10px;}


/* ===========================
footer
============================*/
#footer * {
	color:#000;
	text-align:center;
}
#footer {
	clear:both;
	margin: auto;
	padding:1em 0.5em;
	background:#CAB9DF;
	color:#ffffff;
	border-bottom:7px #6246ec solid;
	border-top:4px #ffffff solid;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	text-decoration: none;
}

#footer .c_info {
	margin:0px auto 10px;
}


#footer .c_info .c_name {
	font-size: 160%;
	font-weight:bold;
}

#footer .c_info .c_address {
	font-size: 120%;
	margin-top:10px;
}


#footer .f_navi {
	clear:both;
	padding:10px;
	margin:10px auto 20px;
	font-size: 110%;
}

#footer .copyright {
	clear:both;
	padding:10px;
	clear:both;
	margin:5px auto 0px;
	font-size: 90%;
}


/* ===========================
���R�V��
============================*/
.kn_div {
	margin-bottom:40px;
	text-align:center;
}
	
	.kn_div img {
		width:100%;
		margin-bottom:0px;
	}



	
/* ===========================
online
============================*/
.online_flow dt {
	text-align:center;
	font-weight:bold;
	clear:both;
	float:left;
	background:#036;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#79000f+0,c30304+100 */
	background: #79000f; /* Old browsers */
	background: -moz-linear-gradient(top, #79000f 0%, #c30304 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79000f), color-stop(100%,#c30304)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #79000f 0%,#c30304 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #79000f 0%,#c30304 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #79000f 0%,#c30304 100%); /* IE10+ */
	background: linear-gradient(to bottom, #79000f 0%,#c30304 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79000f', endColorstr='#c30304',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	padding:5px 5px;
	width:12%;
}

.online_flow dd {
	padding:5px 10px;
	margin-left:13%;
	margin-bottom:10px;
	font-size:112%;
}



/*�ӏ������p*/
.ind-24{
	padding-left: 24px;
	text-indent:-24px;
}
.ind-18{
	padding-left: 18px;
	text-indent:-18px;
}
.ind-12{
	padding-left: 12px;
	text-indent:-12px;
}

    .scroll-box {
      overflow-x: auto;
    }
    .scroll-box::-webkit-scrollbar {
      height: 5px;
    }
    .scroll-box::-webkit-scrollbar-track {
      border-radius: 5px;
      background: #F1F1F1;
    }
    .scroll-box::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: #BCBCBC;
    }

/* ===========================
IE8�@images���
=============================*/

.ie8avoid img { width: 100%; height: auto; }


/* IE8 */
.ie8avoid img {  width: auto\9; }


.scroll {
	width:100%;
	position: absolute;
	z-index: 3;
	bottom:8%;
	left: 0;
	right:0;
}
.scroll.floating {
  -moz-animation: floating 1.5s ease infinite;
  -webkit-animation: floating 1.5s ease infinite;
  animation: floating 1.5s ease infinite;
}

 #slider {
  z-index: 0;
}

/* ===========================
slider
============================*/
#bg { 
	z-index:1;
	position:relative;
	}
#slider li { height: 100vh;
	z-index:1;
	position: relative;
}

#slider .s00 { background: url(../images/top/top_slide01.jpg) no-repeat center top; background-size: cover; }
#slider .s01 { background: url(../images/top/photo01.png) no-repeat center top; background-size: cover; }
#slider .s02 { background: url(../images/top/photo02.png) no-repeat center top; background-size: cover; }
#slider .s03 { background: url("../images/top/top_slide_sakura.jpg") no-repeat center top; background-size: cover; }
#slider .s04 { background: url("../images/top/top_slide_cart.jpg") no-repeat center top; background-size: cover; }
#slider .sakura01 { background: url("../images/top/top_slide_sakura01.jpg") no-repeat center top; background-size:cover; }
#slider .sakura02 { background: url("../images/top/top_slide_sakura02.jpg") no-repeat center top; background-size: cover; }
#slider .sakura03 { background: url("../images/top/top_slide_sakura03.jpg") no-repeat center top; background-size: cover; }
#slider .shoka01 { background: url("../images/top/top_slide_shoka01.jpg") no-repeat center top; background-size:cover; }
#slider .shoka02 { background: url("../images/top/top_slide_shoka02.jpg") no-repeat center top; background-size:cover; }
#slider .shoka03 { background: url("../images/top/top_slide_shoka03.jpg") no-repeat center top; background-size:cover; }
#slider .kouyou01 { background: url("../images/top/top_slide_kouyou01.jpg") no-repeat center top; background-size:cover; }
#slider .kouyou02 { background: url("../images/top/top_slide_kouyou02.jpg") no-repeat center top; background-size:cover; }
#slider .kouyou03 { background: url("../images/top/top_slide_kouyou03.jpg") no-repeat center top; background-size:cover; }

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

.masthead {
	z-index:1;
    position: relative;
    min-width: 720px;
	height: 100vh;
}
.masthead-video {
	overflow:hidden;
    z-index: 0;
}
.masthead-overlay {
    background-color: #000;
    opacity: 0.4;
    position: absolute;
    top: 0; left: 0;
    bottom: 0; right: 0;
    width: 100%;
    height: 100%;
}


.masthead-arrow {
    position: absolute;
	z-index: 3;
	bottom:8%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 30px;
    height: 30px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    opacity: 0.4;
}


/*---------------------------------------------------
�ӏ�����
--------------------------------------------------- */
.ol_lst, .ul_lst {
	margin-left:16px;
	margin-bottom:10px;
}

.ol_lst li, .ul_lst li {
	margin-bottom:6px;
	line-height:140%;
	font-size:95%;
}

.ol_lst li { list-style-type:decimal; }

.ul_lst li { list-style-type:disc; }


/*---------------------------------------------------
 online bttn
--------------------------------------------------- */
#onlineBttn {
width:130px;
height:131px;
position:fixed;
top:170px;
right:0px;
z-index:999;
}
* html #onlineBttn {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}

/* ===========================
TOP�y�[�W
=============================*/
.slider_area {
	background-color:rgba(17,36,127,0.33);
	width:100%;
	margin:0;
	padding:1.5em;
	background: linear-gradient(#E2E5F4, #C7CEE3);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2E5F4', endColorstr='#C7CEE3', GradientType=0)";  /* InternetExplorer */ 
}

#sld_hyouji {
	width:95%;
	margin: 0em auto;
}

#sld_hyouji * {
	text-align:left;
}

#sld_hyouji .slider_box {
	width:400px;
	margin:0em 0.7em;
	background-color:#fff;
	padding:0.8em;
}

#sld_hyouji .slider_box img {
	width:100%;
}

#sld_hyouji * .title_event, #sld_hyouji * .title_restaurant, #sld_hyouji * .title_sp, #sld_hyouji * .title_info, #sld_hyouji * .title_sp02, #sld_hyouji * .title_otoku {
	font-size:120%;
	padding:3px;
	text-align:left;
	font-weight:bold;
}

#sld_hyouji * .icon_event, #sld_hyouji * .icon_restaurant, #sld_hyouji * .icon_sp, #sld_hyouji * .icon_info, #sld_hyouji * .icon_sp02, #sld_hyouji * .icon_otoku {
	border-radius: 0.4em;
	display:inline-block;
	color:#FFFFFF;
	font-size:90%;
	padding:3px 10px;
	margin:0.6em auto 0.7em 0em;
}

#sld_hyouji * .title_event { color:#339900; }
#sld_hyouji * .icon_event { background:#339900; }

#sld_hyouji * .title_restaurant { color:#ff6600; }
#sld_hyouji * .icon_restaurant { background:#ff6600; }

#sld_hyouji * .title_sp { color:#ff0000; }
#sld_hyouji * .icon_sp { background:#ff0000; }

#sld_hyouji * .title_info { color:#333333; }
#sld_hyouji * .icon_info { background:#333333; }
	
#sld_hyouji * .title_sp02 { color:#B50049; }
#sld_hyouji * .icon_sp02 { background:#DB2B72; }
	
#sld_hyouji * .title_otoku { color:#005500; }
#sld_hyouji * .icon_otoku { background:#018200; }

.hanrei_lst {
	margin:0.5em auto 0;
}

.hanrei_lst li {
	display:inline-block;
	margin-right:2em;
	line-height:160%;
	margin-bottom:0.5em;
}

.hanrei_lst li img {
	margin-right:0.2em;
	vertical-align:middle;
}