@charset "euc-jp";
body
{
    background-color: #ffffff;
    margin-right: auto;
	margin-left : auto;
	width: 1000px;
	margin-top: 5px;
	font-size: 16px;
	background-color: #FFF;
	margin-bottom: 5px;
	line-height:1.5;/*行間*/
}
p
{
    font-weight:bold;
    margin:0%;
}

h1
{
	margin: 0;
	padding: 10px;
}

/* 小項目 */
p.font2
{
    color:#000080;
}

/* 大項目・受付番号 */
p.font3
{
    color:#ff0000;
    font-size:110%;
}

.font3 span
{
    font-size:70%;
    font-weight:400;
    color: #000000;
}

input.large_button
{
    width:4em;
    hight:2em;
    font-size:110%;
}

input.cart_button
{
    width:50px;
}

/* 予約リストタイトル */
p.font4
{
    color:#00b366;
}

.font4 span
{
    font-size:80%;
    font-weight:400;
    color: #000000;
}

/* 小文字 */
p.font5
{
    font-size:80%;
    font-weight:400;
}

/* 期間入力エラー */
p.font6
{
    color:#ff0000;
    text-align:center;
    font-weight:400;
}


/* 検索結果　一覧 */

table.list
{
    width: 100%;
}

.list td
{
    font-size: 80%;
    padding:4px;
}

td.title1
{
    background-color: #66ffcc;
    font-size: 100%;
    font-weight:bold;
    width: 82%
    text-align:left;
    padding-left:3px;
}

td.title2
{
    background-color: #ff6666;
    font-size: 100%;
    font-weight:bold;
    width: 82%
    text-align:left;
    padding-left:3px;
}

td.list_number
{
    width: 3em;
    text-align:center;
    padding:1px;
}

td.button
{
    width: 145px;
    padding:2px;
    font-size: 100%;
}

/* 教材/機材詳細 */


table.detailed_list
{
    border-collapse:collapse;
    font-size: 80%;
}

.detailed_list th,
.detailed_list td
{
    border-color: #888888;
    border-style:solid;
    border-width:1px;
}

.detailed_list th
{
    font-weight:400;
    text-align:left;  
    width: 8em;
}

div.detailed_pict
{
    font-size: 80%;
    float:right;
    width: 12em;
    padding-left:4px;
}



/* コメント */
table.comment
{
    width: 100%;
}

.comment td
{
    background-color: #ccffff;
    font-size: 80%;
}

/* 検索結果ページ移動 */

table.number
{
    width: 100%;
}

td.number1
{
    font-size: 80%;
    width: 50%;
    text-align:left;
}
td.number2
{
    font-size: 80%;
    width: 50%;
    text-align:right;
}

/* カレンダー */
table.calender
{
    width: 100%;
    font-size: 80%;
    text-align:center;
}

.calender td
{
/*   width: 60em;*/
}

tr.cal_day
{
    background-color: #d8d8ff;
}

tr.cal_week
{
    background-color: #ccffcc;
}

td.month_0 { background-color: #ffccff; }
td.month_1 { background-color: #b3e699; }
td.month_2 { background-color: #b3ccff; }
td.month_3 { background-color: #ffe699; }
td.month_4 { background-color: #ffccff; }

td.cal_use
{
    background-color: #ffff00;
    font-weight:bold;
}

td.cal_error
{
    background-color: #ff0000;

}

td.cal_nay
{
    background-color: #cccccc;
}


td.cal_head
{
    background-color: #ffffff;
    text-align:right;
    width: 6%;
}

td.cal_reserved
{
    background-color: #66ffff;
}

td.cal_rental
{
    background-color: #ffcc00;
}

td.cal_list_title
{
    background-color: #66ffcc;
    width: 20%;
    text-align:left;
}

td.cal_closed
{
    background-color: #ff6699;
}


/* 予約時利用者情報(メンテナンス側)*/
table.reserved
{
    width: 100%;
}

.reserved td
{
    text-align:right;
}

td.reserved1
{
    background-color: #ffcccc;
    text-align:left;
    width: 20%;
    font-size: 80%;
}

td.reserved2
{
    text-align:left;
    width: 80%;
}


table.machinery
{
    width: 90%;
}

.machinery td
{
    width: 33%;
}

/* フォーム */
.sideways_form form
{
    display: inline;
}

/* 機材 予約あり表示用 */
td.condition
{
    width: 4.2em;
    color: #ff0000;
}

/* 機材　予約あり表示するページ用　ボタン部分 */
td.button_with_condition
{
    /*width:110px; 詳細と仮予約が2段になる*/
    width:115px;
    padding:2px;
}

/* 予約申込入力、予約完了画面の、コード+タイトル表示部分 */

table.code_with_mediatitle td
{
    padding:0px 5px;
    vertical-align: top;
}

/* 教材・機材一覧の予約確定案内用 */
div.reserve_prompt
{
    color: #ff0000;
}

table.kyozai_kizai_list{
	width: 100%;
	counter-reset: number;
}

tr.kyozai_kizai {
	    counter-increment: number;
}

tr.kyozai_kizai:before {
   content: counter(number) ".";
}

select[name=category]{
	width : 300px;
}
/*追加*/
h1.black{
	color : #000000;
}
h1.blue{
	color : #00AEF0;
}
h1.pink{
	color : #E33C76;
}
h1.yellow{
	color : #FFC101;
}
h1.green{
	color : #007D7A;
}
.borderblue{
	color : #00AEF0;
	border-bottom-style: dashed;
	padding: 0px;
}
.borderpink{
	color : #E33C76;
	border-bottom-style: dashed;
}
.borderyellow{
	color : #FFC101;
	border-bottom-style: dashed;
}
.bordergreen{
	color : #007D7A;
	border-bottom-style: dashed;
}

a:link { color: #DC143C; } 
a:visited { color: #9C394E; }

.center{
	text-align : center ;
}
.center input {
	margin: 0px 50px;
}
.calendar{
	text-align : center ;
}
.calendar input {
	margin: 0px 2px;
}
/*ボタン*/
.btn{
	width: 120px;
	font-weight: bold; 
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	padding: 5px;
	border-radius:3px;
	padding: 8px;
	cursor: pointer;
}
.btn.bw{
	color: #006AAE;
	background-color: #fff;
	border-color: #006AAE;
}
.btn.back{
	color: #006AAE;
	background-color: #fff;
	border-color: #006AAE;
}
.btn.bwlarge{
	width: 150px;
	color: #006AAE;
	background-color: #fff;
	border-color: #006AAE;
	font-size: 20px;
}

.btn.blue{
	width: 150px;
	border-style: none;
	color:#fff;
	background-color:#006AAE;
	font-size: 20px;
}
.btn.riyo{
	width: 250px;
	background-color:#FFEFBD;
	font-size: 20px;
}
.btn.green{
	width: 150px;
	border-style: none;
	color:#fff;
	background-color:#007D7A;
	font-size: 20px;
}
.head {
	padding: 0.2em 1em;
	border-left: solid 10px #9FC934; 
	border-bottom: solid 2px #9FC934;
	FONT-SIZE: 18px;
	font-weight: bold; 
}
.listhead{
	padding: 0.2em 1em;
	border-left: solid 10px #9FC934; 
}
.listunder{
	padding: 0.2em 1em;
	border-left: solid 10px #9FC934;
	border-bottom: solid 2px #9FC934;
}
.boxright {
	float: right;
}
.textright{
	text-align: right;
}
.kyozai input[type=checkbox]{
	display: inline-block;
	vertical-align:middle;
}
span.form{
	padding-left: 40px;
	display: inline-block;
	vertical-align: middle;
}
p.form{
	font-weight:normal;
	font-size:100%;
}
.leftpd{
	padding-left: 40px;
	float: left;
}
label{
	display:block;
	float: left;
}
/*教材画面*/
#formstyle ul,
#formstyle ul li {
	margin: 0; 
	padding: 0; 
	list-style: none;
}

#formstyle ul li span {
	display:block;
	float:left;
}


#formstyle ul li:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both; 
}


#formstyle ul li p {
	margin:5px 0 0 40px;
}

#formstyle ul li p label {
	padding-right:0.3em;
	display: block;
	float: left;
}

#formstyle ul li p label input {
	margin-right:0.5em;
}

#formstyle ul li p.check label {
	width: 11em;
	font-weight:normal;
}
#formstyle ul input[type=text],
#formstyle ul input[type=password]{
	width:220px;
	height:20px;
}
#formstyle ul label.login{
	width:120px;
}
#formstyle ul label.kizai{
	width:170px;
}
#formstyle ul label.kyozai{
	width:300px;
}
.touroku td{
	font-size: 100%;
	text-align:left;
	height:30px;
}
/* 予約時利用者情報(利用者側)*/
.touroku td.reserved1
{
    background-color: #ffcccc;
    width:200px;
}
.touroku td input[name = "user_name"],
.touroku td input[name = "place"]{
	width: 300px;
}
img{
	margin: 0;
	padding: 0;
	display: block;
	border: 0px;
}
/*タイトル横の画像*/
img.icon{
	width:124px; 
	height:48px;
	float: left;
}
select.showtime{
	width:220px;
	height:20px;
}
select.year{
	width:60px;
	height:20px;
}
select.month{
	width:45px;
	height:20px;
}
select.kizai{
	width:250px;
	height:20px;
}
label.yotei{
	width:100px;
}
.kensaku {
	display: block;
	background-color:#c1ffff;
}
.kensaku label{
	width:80px;
	padding-left: 10px;

}
/*三角マーク*/
.btnarrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px;/*サイズ*/
    border-color: transparent;
    position: relative;
    top: 28px;
    left:0px;
    text-align: center;
    border-right-color: #006AAE;
}
.arrow{
	display: block;
	padding: 0 0 0 5px;
	vertical-align: middle;
	text-decoration: none;
}
.arrow::before{
	content: "";
	display: inline-block;
	border: 8px solid transparent;
	border-left-color: #DC143C;
}
/*教材・機材詳細*/
.moredetail{
	border: 1px #007D7A solid;
	margin-left : 5px;
}
.moredetail td{
	border: 1px #007D7A solid;
	padding-left: 10px;
	padding-right: 10px;
	height:30px;
	width: 500px;
	text-align: left;
	font-size: 15px;
	line-height:1.3;
}
.moredetail td.komoku{
	width: 120px;
	text-align: center;
	background-color: #e2ffc6;
	font-weight: bold;
}
.detailimg{
    float:right;
    width: 12em;
    padding-left:4px;
}
/*利用者ガイド*/
.guidetitole{
 background-color: #66ffcc;
 font-weight:bold;
 padding-left:3px;
}
.guideimg{
width: 45em;
}