/* 修正前ファイル*/
/*
@charset "euc-jp";
body {  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 13px; color: #666666; background-image: url(../img/bg.gif); background-repeat: repeat; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
.black_12 {  font-size: 12px; color: #000000}
.red_12 {  font-size: 12px; color: #CC0033}
.font_base {  font-size: 14px}
.bg {  background-repeat: no-repeat; background-position: right top}
._12 {  font-size: 12px}
.li_disc {  list-style-type: circle}
.li_a {  list-style-type: lower-alpha}
.blue_12 {  font-size: 12px; color: #003399}
.bg_green_white_12 {  font-size: 12px; color: #FFFFFF; background-color: #336633}
.bg_12 { background-repeat: no-repeat; background-position: right top ; font-size: 12px}
.table_green {  font-size: 12px; border: 1px #669900 solid; text-align: center}
.red_16 {  font-size: 16px; font-weight: bold; color: #CC0033}
._16b {  font-size: 16px; font-weight: bold}
table {  font-size: 14px}
.bg_lightgreen { font-size: 12px; background-color: #669900; text-align: center}
.frame_top {  padding-left: 50px}
.address {  FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #8C8C8C; font-family: "ＭＳ ゴシック",sans-serif;}
.facilities {  FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #777777; font-family: "ＭＳ Ｐゴシック",sans-serif;}
.before_login {  FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000}
.after_login {  FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #FFFFFF}
*/

@charset "euc-jp";
body {
	font-family: "ＭＳ Ｐゴシック", "Osaka"; 
	background-image: url(../img/bg.gif); 
	background-repeat: repeat; 
	margin-bottom: 0px; 
	margin-right: auto;
	margin-left : auto;
	width: 1000px;
	margin-top: 2px;
/*	font-size: 16px; */
	background-color: #FFF;
	margin-bottom: 5px;
}
.black_12 {
	font-size: 12px; 
	color: #000000
}
.red_12 {
	font-size: 12px;
	color: #CC0033
}
.font_base { 
	font-size: 14px
}
.bg { 
	background-repeat:no-repeat;
	background-position:right top;
}
._12 {
	font-size: 12px
}
.li_disc {
 list-style-type: circle
 }
.li_a {
	list-style-type: lower-alpha
}
.blue_12 {
	font-size: 12px; color: #003399
}
.bg_green_white_12 {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #336633
}
.bg_12 {
	background-repeat: no-repeat;
	background-position: right top ;
	font-size: 12px
}
.table_green {
	font-size: 12px;
	border: 1px #669900 solid;
	text-align: center
}
.red_16 { 
	font-size: 16px;
	font-weight: bold;
	color: #CC0033
}
._16b { 
	font-size: 16px;
	font-weight: bold
}
table { 
	font-size: 14p
}

.bg_lightgreen { 
	font-size: 12px; 
	background-color: #669900; 
	text-align: center
}
.frame_top { 
	padding-left: 50px
}
.address {  
	FONT-WEIGHT: bold; FONT-SIZE: 13px; 
	COLOR: #8C8C8C; 
	font-family: "ＭＳ ゴシック",sans-serif;
}
.facilities {  
	FONT-WEIGHT: bold; FONT-SIZE: 16px; 
	COLOR: #777777; 
	font-family: "ＭＳ Ｐゴシック",sans-serif;}
.before_login {  
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #000000
}
.after_login { 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #FFFFFF
 }
/*追加分*/
/*ページタイトル色*/
h1.yoyakutop{
	color : #00AEF0;
	margin: 0;
	padding: 10px;
}
.borderblue{
	color : #00AEF0;
	border-bottom-style: dashed;
}
.borderpink{
	color : #E33C76;
	border-bottom-style: dashed;

}
.bordergreen{
	color : #9FC934;
	border-bottom-style: dashed;

}
.lineblue{
	border-bottom: solid 2px #00AEF0;
	border-top: solid 2px #00AEF0;
	padding: 1em 1em;
	text-align : center ;
}
.head {
	padding: 0.4em 1em;
	border-left: solid 10px #9FC934; 
	border-bottom: solid 2px #9FC934;
	FONT-SIZE: 18px;
	font-weight: bold; 
}
#main {
  display: inline-block;
  width: 750px;
  line-height:1.5;/*行間*/
}
#sidebar {
  display: inline-block;
  width: 200px;
  float: right;
}
.textright{
	text-align: right;
	margin-left: auto;
}
.boxright {
	float: right;
}
/*上部に表示するメニュー*/
#menu ul{
	margin: 0; 
	padding: 0; 
	list-style: none;
}
#menu li{ 
	display: inline; 
	padding: 0; 
	margin: 0; 
	float: left;
}
#menu li a{
	display: block; 
	border: 1px solid;
	background-color: #fff;
	border-top-width: 10px;
	padding: 3px;
	text-decoration: none;
	color: #000;
	width: 127px; 
	margin: 1px;
	text-align: center;
	font-size: 14px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
#menu li a:active {
	/*マウス押下時沈む*/
	box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
	transform: translateY(2px);
}
#menu li a.blue:active {
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	transform: none;
}
#menu li a.red{
	border-color: #E33C76;
}
#menu li a.blue{
	border-color: #00AEF0;
	background-color: #ebebeb;
	cursor: default;
}
#menu li a.green{
	border-color: #9FC934;
}
#menu li a.yellow{
	border-color: #FFC101;
	margin-left: auto;
}
/*マウスオーバー*/
#menu li a.red:hover{
	background-color: #F7D3DF;
}
#menu li a.green:hover{
	background-color: #e2ffc6;
}
#menu li a.yellow:hover{
	background-color: #FFEFBD;
}
/*ログイン後*/
#menu li a.loginblue{
	border-color: #00AEF0;
}
#menu li a.loginblue:hover{
	background-color: #c1ffff;
}
#loginber{
	background-color:#FFEFBD;
	font-weight:bold;
	padding: 0.4em 1em;
}
.textred{
	color : #DC143C;
	float: right;
	text-align: right;
}
a:link { color: #DC143C; } 
a:visited { color: #9C394E; }
.center{
	text-align : center ;
}
b.pink{
	color : #E33C76;
}
/*予約受付画面の画像サイズ*/
img.login{
	width:237px;
	height:142px;
	padding: 3px;
}
label.tel{
	width:80px;
}
/*三角マーク*/
.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;
}
/* ページタイトル */
.titleimg {
	width:1000px;
	height:120px;
	clear: both;
	border-radius: 10px;
}
/*[>]マーク*/
.arrow3 {
	position: relative;
	display: inline-block;
	padding-left: 20px;
}
.arrow3:before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -10px;
}
img {
	border: 0px;
}
/* フッター*/
.footer{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	overflow: hidden;
	bottom:0;
	border-top:solid 1px #696969;
	line-height:2;
}
.footer:after {
	content:"Copyright（C）Okazaki Audio Visual Library, All Rights Reserved. ";
}

label{
	display:block;
	float: left;
}
