@charset "UTF-8";
/* Base */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
}


:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
table.table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
figure {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
p, hr, blockquote, address, noscript {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	border: none;
}
li {
	list-style-type: none;
}
table, img {
	border: none;
}
em, q, dfn, code, samp, kbd, var, cite, abbr, acronym {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
}
hr {
	display: none;
	clear: both;
}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
}
body:after {
	content: "";
	display: block;
	clear: both;
}
* {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
	box-sizing:border-box;
}

a {
	color: #000;
	text-decoration:none;
}
a:link {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #00B8EE;
}
a:active {
	color: #000;
}
body {
	background:#fff;
	padding: 0;
	margin:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	zoom: 1;
	font-size: 14px;
	font-size: 1.4rem;
	overflow-x: hidden;
}
* html body {
	overflow: hidden;
}
img {
	max-width: 100%;
	border: none;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*==============================================================
header
==============================================================*/
/*=======================
toggle_menu
========================*/
#menu{
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#menu li{
  display: block;
  float: left;
  width: 12.5%;
  margin: 0;
  padding: 0; }
#menu li a{
  display: block;
  padding: 12px 0 10px;
  background: #f39800;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{
  background: #444;
}
#toggle{ 
 display: none;
}


  #menu{
    display: none;
  }
  #menu li{
    width: 100%;
  }
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #ffb400;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #fff;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #ffb400;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }

#info{
position:absolute;
top:28px;
right:15px;
}
/*=======================
main
========================*/
.wrap{
width:100%;
margin:0 auto;
clear:both;
}
.main_wrap{
width:95%;
margin:40px auto;
}
input.bt , a.bt{
-webkit-box-shadow: rgb(242, 156, 147) 3px 4px 5px 1px inset;
box-shadow: rgb(242, 156, 147) 3px 4px 5px 1px inset;
background-image: linear-gradient(rgb(254, 26, 0) 5%, rgb(206, 1, 0) 100%);
background-color: rgb(254, 26, 0);
border-top-left-radius: 9px;
border-top-right-radius: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
border: 1px solid rgb(216, 53, 38);
display: inline-block;
cursor: pointer;
color: rgb(255, 255, 255);
font-family: Arial;
font-weight: bold;
padding: 6px 20px;
text-decoration: none;
text-shadow: rgb(178, 62, 53) 1px 2px 0px;
background-position: initial initial;
background-repeat: initial initial;
}
a.bt:visited , a.bt link{
	color:#fff;
}
.ti{
font-weight:bold;
margin-bottom:5px;
}
.select_box{
margin-bottom:30px;
}

.bt02 {
	font-size:10px;
	background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
}

.bt{
clear:both;
overflow:hidden;
padding:0 0 30px 0;
}
.bt a{
text-align:center;
display: inline-block;
padding: 10px;
border-radius: 3px;
border: solid 1px #c0c0c0;
background: #e9e9e9;
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .8), 0px 1px 3px rgba(0, 0, 0, .1);
font-size: 0.8em;
font-weight: bold;
text-decoration: none;
color: #717171;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}
.bt .bt_2c_left a{
width:45%;
float:left;
}
.bt .bt_2c_right a{
width:45%;
float:right;
} 

.bt .bt_3c_left a{
width:30%;
float:left;
margin-right:5%;
}
.bt .bt_3c_center a{
width:30%;
float:left;
}
.bt .bt_3c_right a{
width:30%;
float:right;
}


/*=======================
ribbon_menu
========================*/
.ribbon {
    position: relative;
    color: #ffffff ;
    background: #ec524e;
    font-size: 20px ;
    line-height: 1;
    margin: 0px -10px 20px -10px;
    padding: 10px 5px 10px 20px;
    box-shadow:1px 3px 7px 0px  #ccc ;
    border-top:3px solid #ea9878;
    text-align:center;
    font-weight:bold;
}
.ribbon:after, .ribbon:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #bb2925;
}
.ribbon:after {
    left: 0;
    border-right: 5px solid #bb2925;
}
.ribbon:before {
    right: 0;
    border-left: 5px solid #bb2925;
}



/*=======================
title
========================*/
.title{
 position:relative;
 padding:10px 20px;
 width:100%;
 background:#ec524e;
 box-shadow:0 3px 3px 0 rgba(0,0,0,0.1);
 text-align:center;
 color:#fff;
 margin-bottom:20px;
}
.sub_title{
 position:relative;
 padding:10px 20px;
 width:100%;
 background:#ffb400;
 box-shadow:0 3px 3px 0 rgba(0,0,0,0.1);
 text-align:center;
 color:#fff;
 margin-bottom:20px;
 clear:both;
}








dl{
	width: 90%;
	margin:20px auto 30px auto;
}
dt {
  float:left;
}
dd {
  margin-left:20%;
}


/*=======================
table
========================*/
table.long_table{
		border-collapse: collapse;
		margin:20px 0;
		clear:both;
	}
	.long_table th,.long_table td{ 
		margin: 0; 
		padding: 10px;
		border: 1px solid #babcbf;
		font-size:0.7em;
	}
	.long_table th{
		background: #e6e6e6;
	}
	.long_table{ 
			display: block; 
			position: relative; 
			width: 100%; 
		}
			.long_table thead{ 
				display: block; 
				float: left; 
				width:20%;
			}
			.long_table tbody{ 
				display: block; 
				width: auto; 
				position: relative; 
				overflow-x: auto; 
				white-space: nowrap; 
			}
			.long_table thead tr{ 
				display: block; 
			}
			.long_table th{ 
				display: block; 
			}
			.long_table tbody tr{ 
				display: inline-block; 
				vertical-align: top; 
			}
			.long_table td{ 
				display: block; 
			}

		/* borderの調整 */
		.long_table th{ 
			border-bottom: 0; 
			white-space: nowrap;
		}
		.long_table td{ 
			border-left: 0; 
			border-right: 0; 
			border-bottom: 0; 
		}
		.long_table tbody tr{ 
			border-right: 1px solid #babcbf; 
		}
		.long_table th:last-child,
		.long_table td:last-child { 
			border-bottom: 1px solid #babcbf; 
		}
		.long_table tbody td:nth-child(odd){
			background-color:#f9f9f9;
		}
		.long_table thead th:nth-child(even){
			background-color:#f9f9f9;
		}
		
		
	
		.long_table tbody tr td{
			text-align:center;
		}

		.long_table td a:visited ,.long_table td a:link{
			color:#ffb400;
			border:1px solid #ffb400;
			padding:2px 5px;
			background:#fff3d7;
			font-size:1em;
		}

		
.normal_table{border-collapse:collapse;width:100%;margin-bottom:30px;position: relative;margin-top: 30px;}
.normal_table caption{padding-bottom:6px;font-size:15px}
 
.normal_table th,.normal_table td{font-size:15px;border:1px solid #bbb;text-align:center;line-height:30px}
 
.normal_table th{background:#ddedf8;}
.normal_table th:first-child{color:#f30;}
.normal_table th:last-child{color:#03c;}
.normal_table td div{text-align:center}
 
.normal_table td a{text-decoration:underline;display:block;width:100%;}
.normal_table td a:hover{background:#fe814d;color:#fff;text-decoration:none}
.normal_table td a:active{background:#f30;}



.today{background:#fffbcc}
.saturday{background:#f3f9fd;}
.sunday{background:#fff5f2;}
.holiday{background:#fff5f2;}
.date , .n_head{background:#eee;}





		

input , textarea{
border:1px solid #ccc;
padding:5px;
margin-bottom:10px;
}
.long_table input{
border:1px solid #ccc;
padding:0px;
margin-bottom:0px;
}
textarea{
width:100%;
}










/*=======================
paging
========================*/

#container {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
	text-align: center;
}

.btn {
    display: inline-block;
    padding: 10px;
    border-radius: 5px; /*optional*/
    color: #aaa;
    font-size: .875em;
}

.pagination {
    margin-bottom: 20px;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

a.bt_next , a.bt_prev{
color: #ffb400;
border: 1px solid #ffb400;
padding: 2px 5px;
background: #fff3d7;
}

.bt_prev{
margin-right:30px;
}
.bt_next{
margin-left:30px;
}
.position_box{
position:relative;
margin-bottom:30px;
}
.position_right{
position:absolute;
right:0;
top:0px;
}