@charset "euc-jp";

/* リンク色の設定 */
a {
  color: #0000CC;
}
a:visited {
  color: #000066;
}
a:hover {
  color: #FF6600;
}

/* 基本的な設定 */
body {
  font-size: 14px;
  margin: 0px;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
  /*background-image: url(../images/bg-header.jpg);
  background-repeat: repeat-x;*/
  background-image: url(../images/bg.jpg);
  color: #333333;
}

br {
  font-size: 14px;
}

form, textarea, input, select {
  margin: 0px;
  padding: 0px;
}

table.main {
  width: 1000px;
  border-collapse: collapse;
  font-size: 14px;
  margin: 0px auto;

    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
}

table.noborder td {
  border: none;
  padding: 0px;
}

table.login {
  /*width: 1px;*/
}

td, th {
  /*white-space: nowrap;*/
  border: 1px solid #999;/*#3366CC;*/
  padding: 4px 4px;
}

th {
  background-color: #fce6f2;/*#BFE9FF;*/
  padding: 4px 10px;
}

td{
  background-color: #FAFAFA ;
}
.headrow td {
    background-color: #778 ;
}
#headerLeft {
  height: 91px;
  float: left;
  width: 380px;
}

#headerRight {
  float: right;
  font-size: 12px;
  line-height: 100%;
  padding-right: 5px;
  height: 21px;
  margin:15px 15px 0 0;
}

.title {
    /*グラデーション*/
    background: #7c7c7c; /* Old browsers */
    background: -moz-linear-gradient(top,  #7c7c7c 0%, #464646 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7c7c7c), color-stop(100%, #464646)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7c7c7c 0%, #464646 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7c7c7c 0%, #464646 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7c7c7c 0%, #464646 100%); /* IE10+ */
    -pie-background: linear-gradient(top,  #7c7c7c 0%, #464646 100%); /* IE6-9 */
    background: linear-gradient(top,  #7c7c7c 0%, #464646 100%); /* W3C */
    
    /*テキストシャドウ*/
    text-shadow: 0px 1px 1px #000;
    behavior:url("css/htc/ie-css3.htc");
    
    /*角丸*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
    /*ボックスシャドウ*/
    -webkit-box-shadow: 0px 0px 3px #999;
    -moz-box-shadow: 0px 0px 3px #999;
    box-shadow: 0px 0px 3px #999;
    behavior:url("css/htc/PIE.htc");
    
    border: 1px solid #CCC ;
  /*background-image: url(../images/bg-title-body.jpg);
  background-repeat: repeat-x;*/
  height: 36px;
  margin: 12px auto 8px auto;
  width:1010px;
}
.calendar thead .title{
    color : #FFF !important;
    background : #666 !important;
}
.titleLeft {
  /*background-image: url(../images/bg-title-left.jpg);
  background-repeat: no-repeat;*/
  height: 36px;
}

.titleRight {
  /*background-image: url(../images/bg-title-right.jpg);
  background-position: right top;
  background-repeat: no-repeat;*/
  height: 28px;
  padding-top: 8px;
  padding-right: 18px;
  padding-left: 18px;
  font-size: 16px;
  line-height: 120%;
  font-weight: bold;
  /*color: #333333;*/
  color:#e8e8e8;
  margin-bottom: 7px;
}

.new {
  background-color: #EBEBEB;
}

.selected {
  background-color: #ECFFC8;
}


/* overDiv */

div#overDiv td, div#overDiv th {
  border: none;
}


/* 文字の大きさと行の高さ */
.str10px-12px {
  font-size: 10px;
  line-height: 12px;
}
.str12px-16px {
  font-size: 12px;
  line-height: 16px;
}
.str14px-16px {
  font-size: 14px;
  line-height: 16px;
}
.str10px-16px {
  font-size: 10px;
  line-height: 16px;
}
.str16px-16px {
  font-size: 16px;
  line-height: 16px;
}
.str12px-12px {
  font-size: 12px;
  line-height: 12px;
}

/* 必須入力項目 */
input.required {
  background-color: #FFFFE1;
}
select.required {
  background-color: #FFFFE1;
}
textarea.required {
  background-color: #FFFFE1;
}
th.required:after {
	content: " *";
	color: #FF0000;
}

/* その他 */
.attention {
  color: red;
  font-size: 10px;
  line-height: 16px;
}

/*管理画面メニュー*/
        /* ナビゲーションメニュー */
        div#NAV{
            min-width : @min-w ;
            border-top : 1px solid #CCC ;
            padding : 20px 20px 0 20px ;
            background : @white ;
		}
		div#NAV:after{
		content : "" ;
		clear   : both ;
		display : block ;
		height  : 0 ;
        }
		
        div#NAV ul.nav{
                padding : 0 ;
		}
		div#NAV ul.nav:after{
		content : "" ;
		clear   : both ;
		display : block ;
		height  : 0 ;
        }
		
        div#NAV ul.nav li{
					list-style : none ;
                    float        : left ;
                    margin-right : 10px ;
                    /*margin-bottom : 0px ;*/
                    
			background: -moz-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
            background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.03,#FFF), color-stop(0.03,#E6E6E6), to(#FFF));
            color: #111;
            border-radius: 8px 8px 0px 0px;
            -moz-border-radius: 8px 8px 0px 0px;
            -webkit-border-radius: 8px 8px 0px 0px;
            border: 1px solid #CCC;
            padding: 10px 0;
			margin-bottom:10px;
                    }
					
		div#NAV ul.nav li a:hover{
				border-radius: 8px 8px 0px 0px;
				-moz-border-radius: 8px 8px 0px 0px;
				-webkit-border-radius: 8px 8px 0px 0px;
                background: -moz-linear-gradient(bottom,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
                background: -webkit-gradient(linear, left bottom, left top, from(#FFF), color-stop(0.03,#FFF), color-stop(0.03,#E6E6E6), to(#FFF)); 
				border-bottom:#990000 solid 3px;
			    margin-top:-2px;
                color : #b40000 ;
                text-decoration : none !important;
         }
		 div#NAV ul.nav li a.current {
				border-radius: 8px 8px 0px 0px;
				-moz-border-radius: 8px 8px 0px 0px;
				-webkit-border-radius: 8px 8px 0px 0px;
                background : #FAF7F7 ;
				border-bottom:#990000 solid 3px;
                margin-top    : -2px ;
				color : #b40000 ;
		}
		
        div#NAV ul.nav li:last-child {
                        margin-right : 0 ;
                    }    
                    
        div#NAV ul.nav li a{
						text-decoration : none;
                        display : inline ;
                        width : 100% ;
                        padding : 10px 20px ;
        }

/*submitボタン、buttonボタン*/
        form input[type="submit"], form input[type="button"],form input[type="reset"]{
     /*       background: #ff6666 ;
            background: -moz-linear-gradient(top,#FFF 0%,#ff6666 3%,#b10000);
            background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.03,#FFF), color-stop(0.03,#ff6666), to(#b10000));
            color: #FFF;
            padding: 10px 10px;
            text-shadow : 0 1px 1px #b40000, 0 -1px 1px #000 ;
            letter-spacing : 3px ;
			font-size:14px;
			margin-top : 10px ;
        -webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	*/	
	letter-spacing : 3px ;
	font-size:14px;
	background: #ff6666 ;
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
    background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
    color: #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #0099CC;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    padding: 5px 10px;
	text-decoration:none;
	margin:10px;
	text-align:center;
        }
        form input[type="submit"]:hover, form input[type="button"]:hover, form input[type="reset"]:hover{
                cursor : pointer ;
                background : #b10000 ;
                text-decoration : none ;
        }


/*mystyle　追加*/
table.main th{
/*min-width: 20px;*/
}
table.main th, table.main td{
/*max-width: 140px;*/
}
a.btn_regi{
    background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
    background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
    color: #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #0099CC;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    padding: 5px;
	text-decoration:none;
	display:block;
	margin:10px;
	max-width:80px;
	text-align:center;
}
a.btn_del{
	background-color: #fb6947;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    color: #FFFFFF;
    padding: 5px;
	text-decoration:none;
	display:block;
	margin:10px;
	max-width:80px;
	text-align:center;
}
a.btn_regi:hover,a.btn_del:hover{
	background : #b10000 ;
	text-decoration : none ;
}
table.main td img{
max-width: 130px;
}
table.main th,table.main td{
  word-break:break-all;
  min-width: 90px;
}

/*修正実行ボタン*/
td.regi {
	text-align:center;	
}
td.regi input{
    background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
    background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
    color: #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #0099CC;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    padding: 5px;
	text-decoration:none;
	margin:10px;
	text-align:center;
}

/*パンくず*/
div.pankuzu{
    width:1000px;
	text-align:center;	
	margin:0 auto;
}
div.pankuzu a{
background-color: #D7E5F5;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D7E5F5), color-stop(100%, #CBE0F5));
background-image: -webkit-linear-gradient(top, #D7E5F5, #CBE0F5);
background-image: -moz-linear-gradient(top, #D7E5F5, #CBE0F5);
background-image: -ms-linear-gradient(top, #D7E5F5, #CBE0F5);
background-image: -o-linear-gradient(top, #D7E5F5, #CBE0F5);
background-image: linear-gradient(top, #D7E5F5, #CBE0F5);
border-top: 1px solid #ABBBCC;
border-left: 1px solid #A7B6C7;
border-bottom: 1px solid #A1AFBF;
border-right: 1px solid #A7B6C7;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 white;
box-shadow: inset 0 1px 0 0 white;
color: #1A3E66;
line-height:2.5;
padding: 8px 8px;
text-align: center;
text-shadow: 0 1px 1px white;
width: 150px;
text-decoration:none;
}
div.pankuzu a:hover{
	background : #b10000 ;
	text-decoration : none ;
	color:#FFFFFF;	
}
/*ボタン*/
.btn{
background-color: #D7E5F5;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D7E5F5), color-stop(100%, #CBE0F5));
background-image: -webkit-linear-gradient(top, #D7E5F5, #CBE0F5);
background-image: -moz-linear-gradient(top, #D7E5F5, #CBE0F5);
background-image: -ms-linear-gradient(top, #D7E5F5, #CBE0F5);
background-image: -o-linear-gradient(top, #D7E5F5, #CBE0F5);
background-image: linear-gradient(top, #D7E5F5, #CBE0F5);
border-top: 1px solid #ABBBCC;
border-left: 1px solid #A7B6C7;
border-bottom: 1px solid #A1AFBF;
border-right: 1px solid #A7B6C7;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 white;
box-shadow: inset 0 1px 0 0 white;
color: #1A3E66;
line-height:2;
padding: 3px 8px;
text-align: center;
text-shadow: 0 1px 1px white;
width: 150px;
text-decoration:none;
}
.btn:hover{
	background : #b10000 ;
	text-decoration : none ;
	color:#FFFFFF;	
}

/*フォームスタイル*/
form.formstyle{
    width:1000px;
	margin:0 auto;
}
/*form.formstyle*/ div.sbmt_btn input{
	display:block;
	margin:10px auto;
}


/*幅1000pxのボックスクラス*/
.wrapbox{
    width:1000px;
	margin:0 auto;
}

/*アルバム機能のフォーム*/
form.albumform input, form.reservationform input{
	float:left;
	margin:5px;
	padding:5px;
	height:30px;
}