@charset 'utf-8';

/* reset
============================================================*/

html,
body {
  height: 100%;
}

body {
  line-height: 1.5;
  margin: 0;
  padding: 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 11px;
  color: #382317;
}

td, address, small, i {
  margin      : 0;
  padding     : 0;
  font-size   : 11px;
  font-weight : 500;
  font-style  : normal;
  text-align  : right;
}
p{
  margin      : 0;
  padding     : 0;
  font-size   : 11px;
  font-weight : 500;
  font-style  : normal;
  text-align  : left;
}

ol, ul, dl, dt, dd {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-weight: 500;
}

img, object, embed {
  border: 0;
  vertical-align: bottom;
}

img {
  max-width: 100%;
  height: auto;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}


a {
  color: #1987FF;
  text-decoration: none;
}

a:hover {
  color: #5EB1FC;
}

.middle{
	vertical-align:middle;
}

.mar5{
	margin-right:5px;
}

.bold{
	font-weight:bold;
}

.bold2{
	font-weight:bold;
	font-size:16px;
}

.blue{
	color:#77cfe8;
}

.red{
	color:red;
}

.white{
	color:#FFFFFF;
}

.green{
	color:#a0ca5a;
}

.center{
	width:100%;
	margin:0 auto;
	text-align:center;
}

.right{
	float:right;
}

.margin_r5{
	margin-right:5px;
}
.margin_l5{
	margin-left:5px;
}

.over:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=80 )";
}

.hoge{
	border:0;
	padding:3px;
	font-size:1.0em;
	font-family:Arial, sans-serif;
	color:#aaa;
	border:solid 1px #ccc;
	margin:0 0 20px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

.hoge2{
	border:0;
	padding:3px;
	font-size:1.0em;
	font-family:Arial, sans-serif;
	border:solid 1px #ccc;
	margin:0 0 10px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}




/* 角丸フレーム
============================================================*/
.frame_01 {
	-webkit-border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	border-radius:0 0 6px 6px;
	background-color:#c7e2f8;
	padding:10px 20px 20px 20px;
	margin-bottom:10px;
}

.frame_02 {
	-webkit-border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	border-radius:6px 6px 0 0;
	font-weight:bold;
	font-size:17px;
	background-color:#c7e2f8;
	padding:5px 10px;
	width:150px;
	color:#003366;
}


/* 表
============================================================*/

table.tb08 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	table-layout: fixed;
	width : 1065px;
}
table th.title11 {
	font-weight      : 500;
	vertical-align   : middle;
	border           : 1px solid black;
	text-align       : center;
	background-color : #CAD6EA;
	width            : 110px;
}
table th.title12 {
	font-weight      : 500;
	vertical-align   : middle;
	border           : 1px solid black;
	text-align       : center;
	background-color : #CAD6EA;
	width            : 50px;
}
table th.title13 {
	font-weight      : 500;
	vertical-align   : middle;
	border           : 1px solid black;
	text-align       : center;
	background-color : #CAD6EA;
	width            : 270px;
}
table th.title14 {
	font-weight      : 500;
	vertical-align   : middle;
	border           : 1px solid black;
	text-align       : center;
	background-color : #CAD6EA;
	width            : 765px;
}
table td.title1 {
	border: 1px solid black;
	text-align:center;
	background-color:#EAEEF7;
	width : 20px;
}
table td.title2 {
	border: 1px solid black;
	text-align:center;
	background-color:#EAEEF7;
	width : 80px;
}
table td.title3 {
	border: 1px solid black;
	text-align:center;
	background-color:#EAEEF7;
	width : 50px;
}
table td.title4 {
	border: 1px solid black;
	text-align:center;
	background-color:#EAEEF7;
	width : 60px;
}
table td.title5 {
	border: 1px solid black;
	text-align:center;
	background-color:#EAEEF7;
	width : 145px;
}
table td.title6 {
	border: 1px solid black;
	text-align:center;
	background-color:#EAEEF7;
	width : 165px;
}

#bikou{
	border  : 1px solid black;
	padding : 10px;
	width   : 1065px;
}



#wrapper{
	margin:10px 20px;
	width:95%;
}


.wh {
	width:100px;
}


.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

article, aside, figure, footer, header, hgroup, nav, section {
  display: block;
}

/* header
================================*/

#header-inner {
  position: relative;
  margin: 0 auto;
	padding:15px 15px;
}



/* button
----------------*/

.button_01 {
	background-color: #757977;
	color: #fff;
	padding:6px 15px;
	border-radius:8px;
	font-size:16px;
}
.button_01:hover {
	background-color: #3a81c9;
}
.button_01 a {
	color: #fff;
}

.button_02 {
	background: #EEE;
	border: 1px solid #DDD;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #111;
	padding: 8px 8px;
	margin-bottom:10px;
}

.button_02:hover {
	color: #3a81c9;
}

.button_02 a {
	color: #3a81c9;
}


.button_03 {
	background: #b8df77;
	border:1px solid #DDD;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #111;
	padding: 8px 12px;
	margin-bottom:10px;
	font-size:15px;
}

.button_03:hover {
	color: green;
	text-decoration:none;
	border:1px solid green;
}

.button_03 a {
	color: green;
	text-decoration:none;
	border:1px solid green;
}


/* container
================================*/
#container {
  padding: 5px 50px;
	overflow: hidden;
}

#frame_main {
  float: left;
  width: 100%;
  margin: 0 0 0 0;
}

#frame_top{
	margin: 0 0 0 0;
}

#frame_menu{
	float:right;
	width:230px;
}






/* title
================================*/
#title_h1{
	position:relative;
	margin:20px 10px 0 10px;
	padding:10px 10px 10px 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:22px;
	color:#333333;
	background:#ccc;
	border-top:#ccc solid 1px;
	border-right:#999 solid 1px;
	border-bottom:#999 solid 1px;
	border-left:#ccc solid 1px;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow:
		0 0 0 1px rgba(255,255,255,0.5) inset;
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(220, 220, 220, 1.0)), 
			color-stop(0.25, rgba(240, 240, 240, 1.0)),
			color-stop(0.30, rgba(235, 235, 235, 1.0)),
			color-stop(0.36, rgba(240, 240, 240, 1.0)),
			color-stop(0.50, rgba(235, 235, 235, 1.0)),
			color-stop(0.80, rgba(215, 215, 215, 1.0)),
			to(				 rgba(210, 210, 210, 1.0))
			);
	background-image: -webkit-linear-gradient(top,
			rgba(220, 220, 220, 1.0), 
			rgba(240, 240, 240, 1.0) 25%,
			rgba(235, 235, 235, 1.0) 30%,
			rgba(240, 240, 240, 1.0) 36%,
			rgba(235, 235, 235, 1.0) 50%,
			rgba(215, 215, 215, 1.0) 80%,
			rgba(210, 210, 210, 1.0)
			);
	background-image: -moz-linear-gradient(top,
			rgba(220, 220, 220, 1.0), 
			rgba(240, 240, 240, 1.0) 25%,
			rgba(235, 235, 235, 1.0) 30%,
			rgba(240, 240, 240, 1.0) 36%,
			rgba(235, 235, 235, 1.0) 50%,
			rgba(215, 215, 215, 1.0) 80%,
			rgba(210, 210, 210, 1.0)
			);
	background-image: -o-linear-gradient(top,
			rgba(220, 220, 220, 1.0), 
			rgba(240, 240, 240, 1.0) 25%,
			rgba(235, 235, 235, 1.0) 30%,
			rgba(240, 240, 240, 1.0) 36%,
			rgba(235, 235, 235, 1.0) 50%,
			rgba(215, 215, 215, 1.0) 80%,
			rgba(210, 210, 210, 1.0)
			);
	background-image: linear-gradient(to bottom,
			rgba(220, 220, 220, 1.0), 
			rgba(240, 240, 240, 1.0) 25%,
			rgba(235, 235, 235, 1.0) 30%,
			rgba(240, 240, 240, 1.0) 36%,
			rgba(235, 235, 235, 1.0) 50%,
			rgba(215, 215, 215, 1.0) 80%,
			rgba(210, 210, 210, 1.0)
			);
}
#title_h1:before{
	content:" ";
	position:absolute;
	top:0;
	left:15px;
	width:0;
	height:100%;
	border-left:#ccc solid 1px;
}
#title_h1:after{
	content:" ";
	position:absolute;
	top:0;
	left:16px;
	width:0;
	height:100%;
	border-right:#eee solid 1px;
}



/* dl横並び
================================*/

dl{
	line-height: 2.0em;
	width:100%;
	font-size:15px;
}
dl dt{
	font-weight: bold;
	width: 150px;
}
dl dd{
	margin: -2.0em 0 4px 0;
	padding: 0 0 4px 150px;
}


/* footer
================================*/

#footer {
  background:linear-gradient(#a5fafb, #1D62F0 ) fixed;
  color: #ffffff;
  border-top: 0px solid #18047c;
	margin-top:15px;
}

#footer-inner {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  padding: 15px 15px;
	text-align:left;
}



.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 20px 10px;
}
 
.pagetop a:hover {
    display: block;
    background-color: #222;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:20px 10px;
}

/* pagenav
================================*/
.pagenav {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	background: #fff;
	text-align: center;
}

.pagenav li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

.pagenav li span,
.pagenav li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	background: #eeeff7;
	text-decoration: none;
	vertical-align: middle;
}

.pagenav li a:hover {
	color: #000;
	background: #ccf;
	border-color: #00f;
}


h2 {
 	border-bottom:2px double #a0ca5a;
	width:97%;
	font-size:22px;
	padding:0 0 5px 10px;
	margin-bottom:20px;
}

h3 {
 	border-bottom:1px dashed #cccccc;
	width:97%;
	font-size:16px;
	padding:0 0 5px 10px;
	margin-bottom:20px;
	color:#a5591b;
}

.margin5{
	margin:5px 0;
}

.tab_title{
	background: #b8df77;
	border: 1px solid #b8df77;
	padding:6px;
	width:150px;
	border-top-left-radius: 6px; 
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	text-align:center;
}

.frame_green{
	border: 1px solid #b8df77;
	padding:10px;
	width:96%;
}


 /* Topへ戻るボタン */
.pagetop {
    display: none;
    position: fixed;
    bottom: 130px;
    right: 30px;
}
.pagetop a {
    display: block;
		border-radius: 50%;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 20px 10px;
}
 
.pagetop a:hover {
    display: block;
    background-color: #222;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:20px 10px;
}

/* カレンダー
============================================================*/
table.calendar {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
table.calendar th {
	padding: 3px;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #cccccc;
	text-align:center;
	background-color:#ffffcc;
}
table.calendar td {
	padding: 6px;
	border: 1px solid #cccccc;
	text-align:right;
}

table.calendar td.sun {
	padding: 6px;
	text-align:right;
	border: 1px solid #cccccc;
	background-color:#fbe4f6;
}
table.calendar td.sat {
	padding: 6px;
	text-align:right;
	border: 1px solid #cccccc;
	background-color:#e6e6fa;
}

.disc{
	margin-left:25px;
}
.disc li{
	list-style-type: disc;
}