@charset "UTF-8";
/* 共通スタイル */
/* common.css */

/*------------------------------------------------
 *	サイト全体の設定
 *------------------------------------------------*/
* {
	margin: 0px auto;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	list-style: none;
}

/*------------------------------------------------
 *	BODY全体の基本設定
 *------------------------------------------------*/
body {
	color: #666;
	text-align: left;
	overflow: auto;
}

.clear {
	clear: both;
}

h1 {
	text-align: center;
	margin-bottom: 0.5em;
}

h2 {
	position: relative;
	font-size: 12pt;
	margin-bottom: 0.5em;
	text-align: center;
}
/*------------------------------------------------
 *	カレンダー
 *------------------------------------------------*/
#calendar {
	width: 735px;
	padding: 10px 0;
}
#cal_panel {
	width: 100%;
	position: relative;
}
#cal_panel #area_left{
	float: left;
	width: 100px;
	position: absolute;
	left: 0;
}
#cal_panel #area_center{
	margin-left: auto;
	margin-right: auto;
}
#cal_panel #area_right{
	float: left;
	width: 100px;
	position: absolute;
	right: 0;
}
#cal_panel p.panel_btn{
	width: 80px;
	padding: 5px;
	border: 2px #222222 solid;
	color: #ffffff;
	font-size: 12pt;
	text-align: center;
	background-color: #7f7fff;
	margin-left: auto;
	margin-right: auto;
}
#cal_panel div a:link { color: #ffffff; }
#cal_panel div a:visited { color: #ffffff; }
#cal_panel div a:hover { color: #ff0000; }
#cal_panel div a:active { color: #ff8000; }
#cal_title {
	width: 100%;
	position: relative;
}
#cal_title p{
	padding: 10px;
	font-weight: bold;
	font-size: 16pt;
	text-align: center;
}
#calendar table {
	width: 100%;
}
#calendar table, th, td {
	border: 2px #e49663 solid;
	border-collapse: collapse;
	padding: 10px;
}
#calendar table th {
	background-color: #ffcc99;
	text-align: center;
}
#calendar table td {
	width: 66px;
	height: 66px;
	vertical-align: top;
}
#calendar table td, x:-moz-any-link, x:default {
	height: 90px;
}
#calendar table td p.label_day{
	font-size: 12pt;
}
#calendar table td p.label_txt{
	margin-top: 5px;
	font-weight: bold;
	font-size: 10pt;
}
#calendar table td.color_sat {
	background-color: #ccccff;
}
#calendar table td.color_sun {
	background-color: #ffcccc;
}
#calendar table td.color_hol {
	background-color: #ffcccc;
}
#calendar table td.color_today {
	background-color: #ffffcc;
}
#calendar table td.color_normal {
	background-color: #ffffff;
}
#update_info{
	width: 100%;
	text-align: right;
}
#update_info p{
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 12pt;
}
#remark {
	width: 100%;
	clear: both;
}
#remark p{
	width: 550px;
	padding: 10px;
	font-weight: bold;
	font-size: 12pt;
	margin-left: auto;
	margin-right: auto;
}
#comment {
	width: 100%;
	clear: both;
}
#comment p{
	width: 600px;
	padding: 10px;
	font-weight: bold;
	font-size: 12pt;
	margin-left: auto;
	margin-right: auto;
	border: 2px #959595 solid;
	background-color: #cccccc;
	text-align: center;
}
#comment textarea{
	width: 100%;
	height: 80px;
	font-size: 12pt;
}

#closeNaviTop {
	text-align: center;
	margin-top: 0.5em;
}

#closeNaviTop a {
	color: #666666;
	text-decoration: none;
}

.inputFormInner table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto;
}

.inputFormInner th {
	text-align: right;
	font-weight: normal;
}

.inputFormInner th,
.inputFormInner td {
	border: 0;
	padding: 4px 8px;
}

.inputFormInner th,
.inputFormInner td {
	vertical-align: middle;
}

.inputFormInner input[type="radio"] {
	vertical-align: middle;
}

.inputFormInner td.submitArea {
	text-align: center;
}

.inputFormInner td.submitArea input[type="submit"] {
	width:120px;
	height:32px;
}

.inputFormInner td.submitArea input[type="button"] {
	width:120px;
	height:32px;
}

/*------------------------------------------------
 *	clearfix
 *------------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
	line-height: 0;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  /**/
}