@charset "utf-8";



/* フォント
--------------------------------------------------*/
.red {
	color: #ff0000;
}
.blue {
	color: #0066CC;
}
.green {
	color: #009966;
}
.orenge {
	color: #FF3333;
}
.pink {
	color: #F69;
}
.gray {
	color: #666;
}

.bold{
	font-weight: bold;
}
.normal{
	font-weight: normal;
}


.headspace {
	margin-left: 0.3em;
}
.indent01 {
	text-indent: 1em;
}



.font80 {
	font-size: 80%;
}
.font90 {
	font-size: 90%;
}
.font100 {
	font-size: 100%;
}
.font110 {
	font-size: 110%;
}
.font120 {
	font-size: 120%;
}
.font130 {
	font-size: 130%;
}
.font140 {
	font-size: 140%;
}
.font150 {
	font-size: 150%;
}
.font160 {
	font-size: 160%;
}
.font180 {
	font-size: 180%;
}
.font200 {
	font-size: 200%;
}
.font240 {
	font-size: 240%;
}


.japan_font {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.contents table td {
	word-break: break-all;
}



/* テキストタテ中央
--------------------------------------------------*/
.text_vertical01 {
	vertical-align:middle;
	line-height: 2.5em;
}



/* スペース
--------------------------------------------------*/

.mt10 {
	margin-top: 1em;
}

.pt01 {
	padding-top: 0.2em;
}

.clear {
	clear: both;
}








/* ボタン
--------------------------------------------------*/
/*統一*/
.btn {
	border: solid 1px #CCCCCC;
	margin: 0.4em 0.2em 0;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	display: block;
	border-radius: 6px;
}
.btn a {
	display: block;
	padding: 0.4em 0.5em;
}

.btn_login {
	background: #2c7bff url(../img/btn_login.jpg) repeat-x;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #2c7bff), color-stop(1.00, #021ecd));
	background: -webkit-linear-gradient(#2c7bff, #021ecd);
	background: -moz-linear-gradient(#2c7bff, #021ecd);
	background: -o-linear-gradient(#2c7bff, #021ecd);
	background: -ms-linear-gradient(#2c7bff, #021ecd);
	background: linear-gradient(#2c7bff, #021ecd);*/
	float: right;
}
.btn_login a {
	color: #FFFFFF;
	text-decoration: none;
}
.btn_login:hover {
	background: #001ca8 url(../img/btn_login_hover.jpg) repeat-x;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #001ca8), color-stop(1.00, #2476ff));
	background: -webkit-linear-gradient(#001ca8, #2476ff);
	background: -moz-linear-gradient(#001ca8, #2476ff);
	background: -o-linear-gradient(#001ca8, #2476ff);
	background: -ms-linear-gradient(#001ca8, #2476ff);
	background: linear-gradient(#001ca8, #2476ff);*/
}
.btn_login a:hover {
	color: #ffff00;
}
.btn_login_width {
	width: 7em;
}


/*コンテンツ*/
.btn_page {
	background: #09c300 url(../img/btn_page.jpg) repeat-x;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #09c300), color-stop(1.00, #004c15));
	background: -webkit-linear-gradient(#09c300, #004c15);
	background: -moz-linear-gradient(#09c300, #004c15);
	background: -o-linear-gradient(#09c300, #004c15);
	background: -ms-linear-gradient(#09c300, #004c15);
	background: linear-gradient(#09c300, #004c15);*/
	float: left;
}
.btn_page a {
	color: #FFFFFF;
	text-decoration: none;
}
.btn_page:hover {
	background: #004c15 url(../img/btn_page_hover.jpg) repeat-x;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #004c15), color-stop(1.00, #09c300));
	background: -webkit-linear-gradient(#004c15, #09c300);
	background: -moz-linear-gradient(#004c15, #09c300);
	background: -o-linear-gradient(#004c15, #09c300);
	background: -ms-linear-gradient(#004c15, #09c300);
	background: linear-gradient(#004c15, #09c300);*/
}
.btn_page_width {
	width: 9em;
}
.btn_page a:hover {
	color: #F5FC00;
}

/*said*/
.btn_side {
	background: #09c300 url(../img/btn_page.jpg) repeat-x;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #09c300), color-stop(1.00, #004c15));
	background: -webkit-linear-gradient(#09c300, #004c15);
	background: -moz-linear-gradient(#09c300, #004c15);
	background: -o-linear-gradient(#09c300, #004c15);
	background: -ms-linear-gradient(#09c300, #004c15);
	background: linear-gradient(#09c300, #004c15);*/
}
.btn_side a {
	color: #FFFFFF;
	text-decoration: none;
}
.btn_side:hover {
	background: #004c15 url(../img/btn_page_hover.jpg) repeat-x;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #004c15), color-stop(1.00, #09c300));
	background: -webkit-linear-gradient(#004c15, #09c300);
	background: -moz-linear-gradient(#004c15, #09c300);
	background: -o-linear-gradient(#004c15, #09c300);
	background: -ms-linear-gradient(#004c15, #09c300);
	background: linear-gradient(#004c15, #09c300);*/
}
.btn_side a:hover {
	color: #F5FC00;
}

/*other*/
.btn_other {
	background: #cccccc url(../img/btn_other.jpg) repeat-x;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #cccccc));
	background: -webkit-linear-gradient(#fff, #cccccc);
	background: -moz-linear-gradient(#fff, #cccccc);
	background: -o-linear-gradient(#fff, #cccccc);
	background: -ms-linear-gradient(#fff, #cccccc);
	background: linear-gradient(#fff, #cccccc);*/
}
.btn_other a {
	color: #333333;
	text-decoration: none;
}
.btn_other:hover {
	background: #dedede url(../img/btn_other_hover.jpg) repeat-x;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #a5a5a5), color-stop(1.00, #dedede));
	background: -webkit-linear-gradient(#a5a5a5, #dedede);
	background: -moz-linear-gradient(#a5a5a5, #dedede);
	background: -o-linear-gradient(#a5a5a5, #dedede);
	background: -ms-linear-gradient(#a5a5a5, #dedede);
	background: linear-gradient(#a5a5a5, #dedede);*/
}
.btn_other a:hover {
	color: #000000;
}

/*ボタンのfloat*/
.btn_right {
	float: right;
	margin: 0 0 0 0.5em;
}
.btn_left {
	float: left;
	margin: 0 0.5em 0 0;
}

/*ボタンサイズが異なる場合*/
.btn15 {
	width: 15em;
}
.btn10 {
	width: 10em;
}
.btn8 {
	width: 8em;
}
.btn5 {
	width: 5em;
}
.btn_table {
	margin: 0 0.2em;
	border: solid 1px #CCCCCC;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	display: block;
	border-radius: 6px;
}
.btn_table a {
	display: block;
	padding: 0.1em 1em;
}
.btn_left {
	float: left;
}
.btn_center {
	margin: 0 auto;
}




/* リスト
--------------------------------------------------*/
/*ノーマル*/
.text_box ul {
	margin-bottom: 1em;
}
.text_box ul li {
	list-style: outside disc;
	margin-left: 2em;
}

.text_box ol {
	margin-bottom: 1em;
}
.text_box ol li {
	list-style: outside decimal;
	margin-left: 2.5em;
}

dl.list {
	margin: 0 0 1em 1em;
}
dl.list dt {
	margin: 1em 0 1em;
}
dl.list dd {
	margin: 0 0 1em 1em;
}

/*abc*/
ol.abc_list {
	margin-bottom: 1em;
}
ol.abc_list li {
	list-style: outside lower-latin;
	margin-left: 2.5em;
}

/*ポイント*/
ul.point_list {
	margin-bottom: 1em;
}
ul.point_list li {
	list-style: outside url(../img/common/point_icon01.gif);
	margin-left: 1em;
}

/*リンク*/
ul.links {
}
ul.links li {
/*	list-style: outside url(../img/temp/side_arrow_orenge.png);*/
	margin-left: 2em;
	line-height: 2;
}

/*左にflout*/
ul.leftlist {
}
ul.leftlist li {
	float: left;
	display: block;
	margin-right: 2em;
}




/*年月日付き*/
dl.month {  
    width: 640px;
    padding: 10px;  
    overflow: hidden;
}  
dl.month dt {  
    float: left;
    margin-left: 10px;
    padding: 10px 0 10px 15px;
    text-align: right;
    background: url(../img/common/point02.jpg) no-repeat 2px 1.4em;
}  
dl.month dd {  
    padding: 10px 0 10px 100px;
}


dl.month02 {
    padding: 10px;  
    overflow: hidden;
}  
dl.month02 dt {  
    float: left;
    margin-left: 10px;
    padding: 10px 0 10px 15px;
    text-align: right;
    background: url(../img/common/point02.jpg) no-repeat 2px 1.2em;
	/*border-bottom: dotted 1px #DDD;*/
}  
dl.month02 dd {  
    padding: 10px 0 10px 110px;
	border-bottom: dotted 1px #BEBEBE;
}

/*中央ぞろえリスト*/
ul.centerlist {
    list-style: none;
}
ul.centerlist li {
    list-style: none;
	margin: 0;
}
/*ul.centerlist li {
    background: #CCC;
    width: 50px;
    height: 50px;
    padding: 10px;
    margin: 10px;
}*/
.cl_float {
    width: 270px;
    margin: auto;
    overflow: hidden;
}
.cl_float li {
    float: left;
}
.cl_inline {
    text-align: center;
}
.cl_inline li {
    display: inline;
}
.cl_inline-block {
    text-align: center;
}
.cl_inline-block li {
    display: inline-block;
}
.cl_table-cell {
    display: table;
    margin: auto;
}
.cl_table-cell li {
    display: table-cell;
}
.cl_flex {
    display: flex;
    justify-content: center;
}



/* 本文
--------------------------------------------------*/
.text_box {
	width: 99%;
	margin: 0 auto 1.5em;
	overflow: hidden;
}

.text_box p {
	margin-top: 0;
	padding-top: 0;
}

.day_box {
	width: 99%;
	margin: 0 auto 0.5em;
	overflow: hidden;
}

.day_box p {
	margin-top: 0;
	padding-top: 0;
}

/*.article {
	text-align: left;
}*/

/*2カラム*/
.column_left {
	width: 48%;
	float: left;
	display: block;
	overflow: hidden;
}
.column_right {
	width: 48%;
	float: right;
	display: block;
	overflow: hidden;
}

/*色付きbox*/
.color_box01 {
	background: #C6D7E8;
	padding: 0.5em 0.5em 0;
	margin: 0 auto 1em;
}


/*タイトル*/

.sub_title {
	width: 98.5%;
	background: #333399;
	color: #FFFFFF;
	padding: 0.5em 0 0.3em 0.5em;
	margin: 0 auto 0.1em;
}


/*--Table用ボックス--*/
/*レイアウト用*/
.layout_table {
	width: 100%;
	margin: 0 auto 1em;
}
.layout_table table {
	width: 99%;
	border-collapse: collapse;
	font-size: 100%;
}
.layout_table table th {
	padding: 0.2em 0.3em 0;
	border-collapse: collapse;
	text-align: center;
	background: #008000;
	color: #FFFFFF;
	border: 5px solid #EBF0AB;
	width: 10em;
}
.layout_table table td {
	padding: 0 0.3em;
	border-collapse: collapse;
	border: 5px solid #EBF0AB;
	text-align: left;
	vertical-align: middle;
}


/*ピンクの*/
.layout_table table th.pink_t {
	padding: 0.2em 0.3em 0;
	border-collapse: collapse;
	text-align: center;
	background: #F8C5CD;
	color: #000000;
	border: 5px solid #EBF0AB;
	width: 10em;
}


/*カレンダー用*/

.layout_table table td table th {
	padding: 0.2em 0.3em 0;
	border-collapse: collapse;
	text-align: center;
	border: 1px solid #CCCCCC;
}
.layout_table table td table td {
	padding: 0 0.3em;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	text-align: left;
	vertical-align: middle;
}



/*レイアウト用01thのみ幅を決め打ち左寄せ*/
.layout_table01 {
	width: 100%;
	margin: 0 auto 1em;
}
.layout_table01 table {
	border-collapse: collapse;
	font-size: 100%;
	/*margin: 0 auto;*/
}
.layout_table01 table th {
	padding: 0.2em 0.3em 0;
	border-collapse: collapse;
	text-align: center;
	background: #008000;
	color: #FFFFFF;
	border: 5px solid #EBF0AB;
	width: 10em;
}
.layout_table01 table td {
	padding: 0 0.3em;
	border-collapse: collapse;
	border: 5px solid #EBF0AB;
	text-align: left;
	vertical-align: middle;
}

/*カレンダー用*/

.layout_table01 table td table th {
	padding: 0.2em 0.3em 0;
	border-collapse: collapse;
	text-align: center;
	border: 1px solid #CCCCCC;
}
.layout_table01 table td table td {
	padding: 0 0.3em;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	text-align: left;
	vertical-align: middle;
}



/*レイアウト用02　thに色がないタイプ*/
.layout_table02 {
	width: 100%;
	margin: 0 auto 1em;
}
.layout_table02 table {
	/*width: 99%;*/
	border-collapse: collapse;
	font-size: 100%;
}
.layout_table02 table th {
	padding: 0.4em 0.3em 0.3em;
	border-collapse: collapse;
	text-align: left;
}
.layout_table02 table td {
	padding: 0.4em 0.3em 0.3em;
	border-collapse: collapse;
}

.layout_table02 table td span {
	color: #FF0004;
}


/*レイアウト用thのみ幅を決め打ち中央--主にログイン関係ページ*/
.layout_table03 {
	width: 100%;
	margin: 0 auto 1em;
}
.layout_table03 table {
	border-collapse: collapse;
	font-size: 100%;
	margin: 0 auto;
}
.layout_table03 table th {
	padding: 0.2em 0.3em 0;
	border-collapse: collapse;
	text-align: center;
	background: #008000;
	color: #FFFFFF;
	border: 5px solid #EBF0AB;
	width: 15em;
}
.layout_table03 table td {
	padding: 0 0.3em;
	border-collapse: collapse;
	border: 5px solid #EBF0AB;
	text-align: left;
	vertical-align: middle;
}



/*レイアウト用04 thの幅を決め打ちしない左寄せ*/
.layout_table04 {
	/*width: 100%;*/
	margin: 0 auto 1em;
	overflow: hidden;
}
.layout_table04 table {
	/*width: 99%;*/
	border-collapse: collapse;
	font-size: 100%;
	margin: 0;
}
.layout_table04 table th {
	padding: 0.2em 1em 0;
	border-collapse: collapse;
	text-align: center;
	background: #008000;
	color: #FFFFFF;
	border: 5px solid #EBF0AB;
}
.layout_table04 table td {
	padding: 0 0.3em;
	border-collapse: collapse;
	border: 5px solid #EBF0AB;
	vertical-align: middle;
}



/*04のカレンダー用*/

.layout_table04 table td table th {
	padding: 0.2em 0.3em 0;
	border-collapse: collapse;
	text-align: center;
	border: 1px solid #CCCCCC;
	line-height: 0;
}
.layout_table04 table td table td {
	padding: 0 0.3em;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	text-align: left;
	vertical-align: middle;
}


/*レイアウト用05　thに色がないタイプ*/
.layout_table05 {
	margin: 0 auto 1em;
}
.layout_table05 table {
	border-collapse: collapse;
	font-size: 100%;
}
.layout_table05 table th {
	padding: 0.4em 0.3em 0.3em;
	border-collapse: collapse;
}
.layout_table05 table td {
	padding: 0.4em 0.3em 0.3em;
	border-collapse: collapse;
}




/*ボーダレスのテーブルが内側にあるタイプ*/
.layout_table06 {
	margin: 0 auto 1em;
}
.layout_table06 table {
	border-collapse: collapse;
	font-size: 100%;
}
.layout_table06 table th {
	padding: 0.2em 0.3em 0;
	border-collapse: collapse;
	text-align: center;
	background: #008000;
	color: #FFFFFF;
	border: 5px solid #EBF0AB;
	width: 10em;
}
.layout_table06 table td {
	padding: 0 0.3em;
	border-collapse: collapse;
	border: 5px solid #EBF0AB;
	text-align: left;
	vertical-align: middle;
}

/*カレンダー用*/

.layout_table06 table td table th {
	padding: 0.2em 0.3em 0;
	border-collapse: collapse;
	text-align: center;
	border: 1px solid #EBF0AB;
}
.layout_table06 table td table td {
	padding: 0 0.3em;
	border-collapse: collapse;
	border: 1px solid #EBF0AB;
	text-align: left;
	vertical-align: middle;
}



/*データ表*/
.data_table {
	width: 100%;
	margin: 0 auto 1em;
}
.data_table table {
	/*width: 96%;*/
	border-collapse: collapse;
	border: 1px solid #999;
	font-size: 100%;
	background: #FFFFFF;
}
.data_table table th {
	padding: 0.4em 0.3em 0.3em;
	border-collapse: collapse;
	border: 1px solid #999;
	/*background: #378B09;*/
	background: #008000;
	color: #FFFFFF;
	text-align: center;
}
.data_table table th a {
	color: #FFFFFF;
	cursor: pointer;
}
.data_table table th a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.data_table table td {
	padding: 0.4em 0.2em 0.3em;
	border-collapse: collapse;
	border: 1px solid #999;
	word-break: break-all;
}

.data_table table tr:nth-child(2n+1) {
    background: #E7F7CE;    /* 行ごとに色変更 */
}

.data_table table tr:hover {
  background-color: #FFCC99;    /* マウスオーバー時の行の背景色 */
}


/*データ表02*/
.data_table02 {
	width: 100%;
	margin: 0 auto 1em;
}
.data_table02 table {
	border: none;
	font-size: 100%;
}
.data_table02 table th {
	padding: 0.4em 0.3em 0.3em;
	border: none;
	text-align: center;
}
.data_table02 table td {
	padding: 0.4em 0.2em 0.3em;
	border: none;
	word-break: break-all;
}

/*データ表の外側のtable*/
.data_table_box {
	margin-left: 0.3em;
}
.data_table_box100 {
	width: 100%;
	margin-left: 0.3em;
	overflow: hidden;
}


/*テーブルが並ぶとき*/
.table_horizontal {
	float: left;
	display: block;
}


/*テーブル全体が100%必要なとき*/
.table_100 table {
	width: 99%;
}

/*データテーブルそのものを100%にするとき*/
table.table_99 {
	width: 99%;
}
table.table_100per {
	width: 100%;
}

/*tablet版による外側テーブルの100％*/
table.tabtable_100 {
	width: 99%;
}


/*テーブルのラインが不要の時*/

table.nonline {
	border-collapse: collapse;
	border: 5px solid #EBF0AB;
}
table.nonline th {
	border-collapse: collapse;
	border: 5px solid #EBF0AB;
}
table.nonline td {
	border-collapse: collapse;
	border: 5px solid #EBF0AB;
}



/*ページ送り分の幅*/
.plink_box {
	width: 41em;
}



/*テーブル下ページ送り*/
ul.pagelinks {
	overflow: hidden;
	display: block;
	margin: 0.5em;
}
ul.pagelinks li {
	float: left;
	display: block;
	padding: 0 0.5em;
}
span.lrspace {
	margin: 0 0.3em;
	font-size: 90%;
}

/*表内の文字ぞろえ*/
td.text_center {
	text-align: center;
}
td.text_left {
	text-align: left;
}
td.text_right {
	text-align: right;
}


.layout_table01 table td.text_center {
	text-align: center;
}
.layout_table01 table td.text_left {
	text-align: left;
}
.layout_table01 table td.text_right {
	text-align: right;
}

/*件数表示*/
.case　{
	width: 5em;
	padding-right: 1em;
	display: block;
}

/*ページトップ*/
.topbutton {
	overflow: hidden;
}



/*テーブルの背景色*/
.bg_orenge {
	width: 100%;
	margin: 0 auto 1em;
}
.bg_orenge table {
	/*width: 96%;*/
	border-collapse: collapse;
	border: 1px solid #999;
	font-size: 100%;
	background: #FFFFFF;
}
.bg_orenge table td {
	padding: 0.4em 0.2em 0.3em;
	border-collapse: collapse;
	border: 1px solid #999;
	word-break: break-all;
	background: #FFE9D8;
}

td.bg_green {
	background: #E7F7CE;
}
td.bg_white {
	background: #FFFFFF;
}



/*table内のサブタイトル*/
.sub_title_table {
	background: #333399;
	color: #FFFFFF;
	text-align: center;
}


/*tdレベルのタテ中央*/
td.vea_center {
	vertical-align: central;
}
td.vea_center input {
	vertical-align: central;
}


/*tdに右スペース*/
td.sp_light10 {
	padding-right: 10px;
}

/*行ごとに色変更する場合*/
.color_tr table tr {
    background: #FFFFFF;    /* 基本白 */
}
.color_tr table tr:nth-child(2n+1) {
    background: #E7F7CE;    /* 行ごとに色変更 */
}

.color_tr table tr:hover {
  background-color: #FFCC99;    /* マウスオーバー時の行の背景色 */
}


/*--スクロールバーを付ける場合
---------------------------------------*/
thead.scrollhead {
  display: block;
}
tbody.scrollbody {
  display: block;
}
tbody.scrollbody{
  overflow-x: hidden;
  overflow-y: scroll;
  height: 320px;
	border: solid 1px #CCCCCC;
}

/*高さが低い*/
tbody.scrollbody_short {
  display: block;
}
tbody.scrollbody_short{
  overflow-y: scroll;
  height: 160px;
	border: solid 1px #CCCCCC;
}


/*--スクロールバーを付ける場合の横幅
---------------------------------------*/
/*外側の緑のタイトル*/
th.table_green_title {
	padding: 0.2em 1em 0;
	border-collapse: collapse;
	text-align: center;
	background: #008000;
	color: #FFFFFF;
	border: 5px solid #EBF0AB;
}

/*--3列バージョン--*/
/*tableタグにつける*/
.teblewidth_3column {
	border-collapse: collapse;
    border-spacing: 0;
	margin-bottom: 0.8em;
	margin-left: 0.4em;
}
/*データ表のタイトル部分*/
.teblewidth_3column th {
	padding: 0.4em 0 0.3em;
	text-align: center;
	background: #CCCCCC;
}
/*データ部分*/
.teblewidth_3column td {
	padding: 0.4em 0 0.3em;
}
.teblewidth_3column td,th{
  table-layout:fixed;
}
.tgroup {
	width: 80px;
	text-align:center;
}
.tname {
	width: 240px;
}
.tday {
	width: 100px;
	text-align:center;
}

/*--2列バージョン--*/
/*tableタグにつける*/
.teblewidth_2column {
	border-collapse: collapse;
    border-spacing: 0;
	margin-bottom: 0.8em;
	margin-left: 0.4em;
}
/*データ表のタイトル部分*/
.teblewidth_2column th {
	padding: 0.4em 0.2em 0.3em;
	text-align: center;
	background: #CCCCCC;
}
/*データ部分*/
.teblewidth_2column td {
	padding: 0.4em 0 0.3em;
}
.tname2 {
	width: 300px;
}

/*--2列バージョンの2種類目--*/
/*tableタグにつける*/
.teblewidth_2_22column {
	border-collapse: collapse;
    border-spacing: 0;
	margin-bottom: 0.8em;
}
/*データ表のタイトル部分*/
.teblewidth_2_22column th {
	padding: 0.4em 0.2em 0.3em;
	text-align: center;
	background: #008000;
	color: #FFFFFF;
}
/*データ部分*/
.teblewidth_2_22column td {
	padding: 0.4em 0 0.3em;
}
.tname3 {
	width: 350px;
	text-align:left;
}









/* タブ
--------------------------------------------------*/
/*一つ目*/
.tab{overflow:hidden;}
.tab li{background:#ccc; padding:5px 15px; float:left; margin-right:1px;}
.tab li.select{background:#eee;}
.tab_text li{background:#EBF0AB; padding:10px 0;}
.hide {display:none;}

/*二つ目*/
.tab02{overflow:hidden;}
.tab02 li{background:#ccc; padding:5px 15px; float:left; margin-right:1px;}
.tab02 li.select{background:#eee;}
.tab_text02 li{background:#EBF0AB; padding:10px 0;}
.hide02 {display:none;}

/*タブの中のテーブル*/
.tabtable02 {
	border: none;
}
.tabtable02 {
	border: solid 5px #EBF0AB;
	padding: 0;
	margin: 0;
}
th.tabtable02 {
	border: solid 5px #EBF0AB;
	padding: 0;
	margin: 0;
}



/* 共通
--------------------------------------------------*/
/*文字ぞろえ*/
.text_center {
	text-align: center;
}
.text_right {
	text-align: right;
}
.text_left {
	text-align: left;
}




/* ライン
--------------------------------------------------*/
.border_under {
	border-bottom: 1px solid #BFD1D5;
}
.border_top {
	border-top: 1px solid #BFD1D5;
}

/*ドット*/
.dotborder_under {
	border-bottom: 1px dotted #BFD1D5;
}
.dotborder_top {
	border-top: 1px dotted #BFD1D5;
}




/* イメージ画像
--------------------------------------------------*/
.imgright {
	float: right;
	margin: 0 0 10px 10px;
}
.imgleft {
	float: left;
	margin: 0 10px 5px 0;
}



/* ページ送り
--------------------------------------------------*/
ul.page_list {
	text-align: center;
}
ul.page_list li {
	display: inline-block;
	/zoom:1;
	margin: 0 0.2em;
}


/* フォームimput
--------------------------------------------------*/
.input1 {
	width: 2em;
}
.input2 {
	width: 3em;
}
.input3 {
	width: 4em;
}
.input3_5 {
	width: 4.5em;
}
.input4 {
	width: 5em;
}
.input4_5 {
	width: 5.5em;
}
.input5 {
	width: 6em;
}
.input6 {
	width: 7em;
}
.input7 {
	width: 7.6em;
}
.input_day {
	width: 7.6em;
}
.input8 {
	width: 8.6em;
}
.input9 {
	width: 9.6em;
}
.input10 {
	width: 10.6em;
}
.input11 {
	width: 11.6em;
}
.input12 {
	width: 12.6em;
}
.input13 {
	width: 13.6em;
}
.input14 {
	width: 14.6em;
}
.input15 {
	width: 15.6em;
}
.input16 {
	width: 16.6em;
}
.input17 {
	width: 17.6em;
}
.input18 {
	width: 18.6em;
}
.input19 {
	width: 19.6em;
}
.input20 {
	width: 20.6em;
}
.input21 {
	width: 21.6em;
}
.input22 {
	width: 22.6em;
}
.input23 {
	width: 23.6em;
}
.input24 {
	width: 24.6em;
}
.input25 {
	width: 25.6em;
}
.input26 {
	width: 26.6em;
}
.input27 {
	width: 27.6em;
}
.input28 {
	width: 28.6em;
}
.input29 {
	width: 29.6em;
}
.input30 {
	width: 30.6em;
}
.input31 {
	width: 31.6em;
}
.input32 {
	width: 32.6em;
}
.input40 {
	width: 40.6em;
}
.input99par {
	width: 99%;
}
.input98par {
	width: 98%;
	margin-right: 5px;
}
.input70par {
	width: 70%;
}
.input35par {
	width: 35%;
}
.input50par {
	width: 50%;
}
@media screen and (max-width:720px){
.input50par {
	width: 96%;
}
.input70par {
	width: 96%;
}
.input20 {
	width: 96%;
}
}


input {
	border: solid 1px #999999;
	margin: 0 0.3em 0 0;
	padding: 0 0.5em;
}
label {
	margin: 0.3em;
}
textarea {
	border: solid 1px #999999;
	margin: 0 0.3em 0 0;
	width: 98%;
}
input[type="button"],
input[type="submit"]  {
	width: 6em;
	margin: 0;
	padding: 0.3em;
	border: solid 1px #CCCCCC;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFFFFF), color-stop(1, #DEDEDE));
	background-image: -o-linear-gradient(bottom, #FFFFFF 5%, #DEDEDE 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 5%, #DEDEDE 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 5%, #DEDEDE 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 5%, #DEDEDE 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 5%, #DEDEDE 100%);
	border-radius: 4px;
}
input[type="file"],
input[type="checkbox"],
input[type="radio"]  {
	border: none;
	margin: 0 0.3em 0 0;
	padding: 0 0.3em 0 0;
}

select {
	border: solid 1px #999999;
	margin: 0 0.3em 0 0;
	padding: 0.3em 0.2em 0.2em;
	font-size: 100%;
}

.input_left {
	float: left;
}



/* css3
--------------------------------------------------*/
/*グラデーション*/
#box {
	background-image: -moz-linear-gradient(
	top, #f60, #ff0
	);
	background-image: -webkit-gradient(
	linear, left top, left bottom,
	color-stop(0, #f60), color-stop(50%, #f90), color-stop(100%, #ff0)
	);
}
#box {
	filter: progid:DXImageTransform.Microsoft.gradient
	(startColorStr='#ff6600',EndColorStr='#ffff00');
}

/*ドロップシャドウ*/
#drop {
box-shadow: 5px 5px 5px #666;
-moz-box-shadow: 5px 5px 5px #666;
-webkit-box-shadow: 5px 5px 5px #666;
}
#drop {
filter:progid:DXImageTransform.Microsoft.Shadow
(Strength=7, Direction=135, Color='#666666'); zoom:1;
}

/*角丸*/
#box {
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}