﻿/* --------------------------------------------------------------- */
/* 画面レイアウト関連 */
/* --------------------------------------------------------------- */
*  
{
	padding : 0;
}
/* 全体 */
body
{
	width :auto;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size : 9pt;
	text-align : center;
}

/* 全体レイアウト */
#my_body {
	position : relative;
	width : 1000px;
	margin : 0 auto ; 
}
/* ヘッダーベース */
#my_header
{
	width : 100%;
	height : 45px;
	border-bottom-style : outset;
	border-bottom-width : 1.5px;
	border-bottom-color : #191970;
}
/* ヘッダー左側 */
#header_left
{
	position : absolute;
	left : 50px;
	top : 0px;
	width : 300px;
	height : 45px;
	text-align : left;
}
/* ヘッダー中央 */
#header_center
{
	position : absolute;
	left : 350px;
	top : 0px;
	width : 400px;
	height : 45px;
	text-align : right;
	vertical-align : bottom;
}
/* ヘッダー右側 */
#header_right  
{
	position : absolute;
	right : 50px;
	top : 0px;
	width : 200px;
	height : 45px;
	text-align : right;
}
/* メイン（タイトル部） */
#my_main
{
	border-bottom-style: outset;
	border-bottom-width: 1.5px;
	border-bottom-color: #191970;
}
#my_main2
{
	
}
/* コンテンツ */
#my_contents 
{
	text-align : center;
}
#my_contents2
{
	position : absolute;
	left : 65px;
	width : 650px;
	text-align : center;
}
#my_contents3
{
	position : absolute;
	left : 685px;
	width : 250px;
	text-align : center;
}
/* フッター */
#my_footer  
{
	width : 100%;
}

/* --------------------------------------------------------------- */
/* フォント関連 */
/* --------------------------------------------------------------- */
.title {
    width:            800px;
    font-weight:      bold;
    font-size:        16px;
    background-color: #66CCFF;
    border-right:     1px solid #9999CC;
    border-bottom:    1px solid #9999CC;
    padding:          5px 3px 3px;
    margin-top:       5px;
    margin-bottom:    5px;
    text-align:       center;
}
/* タイトル文字 */
.title1 
{
	font-size : 12pt;
	font-weight : bold ;
}
.FacilitiesName
{
	font-size : 9pt;
	color : #3366cc;
	font-weight : bold ;
}
/* 汎用 */
.textGeneral 
{
	font-size : 9pt;
}

/* 文字（赤） */
.textRed 
{
	font-size : 9pt;
	color : Red ;
	font-weight : normal;
}
/* 文字（赤 太字） */
.textRedB 
{
	font-size : 9pt;
	color : Red ;
	font-weight : bold ;
}
/* 文字（白） */
.textWhite 
{
	font-size : 8pt;
	color : white ;
	font-weight : bold ;
}
/* 文字（黒 太字） */
.textBlackB 
{
	font-size : 9pt;
	color : Black ;
	font-weight : bold ;
}
/* ボタンフォント */
.ButtonText
{
	font-size : 9pt ;
	color : Black ;
}
/* テキストボックス数値型2桁 */
.TextBoxNumber2
{
	font-size : 9pt ;
	color : Black ;
	width : 20px ;
	text-align : right;
}
/* テキストボックス数値型3桁 */
.TextBoxNumber3
{
	font-size : 9pt ;
	color : Black ;
	width : 25px ;
	text-align : right;
}
/* テキストボックス数値型4桁 */
.TextBoxNumber4
{
	font-size : 9pt ;
	color : Black ;
	width : 30px ;
	text-align : right;
}
/* テキストボックス数値型7桁 */
.TextBoxNumber7
{
	font-size : 9pt ;
	color : Black ;
	width : 50px ;
	text-align : right;
}

/* テキストボックスログイン用 */
.TextBoxLogin
{
    width : 150px;
    text-align : left;
}

/* --------------------------------------------------------------- */
/* アイコン関連 */
/* --------------------------------------------------------------- */
.today
{
	font-size : 9pt ;
	color : #ffffff ; 
	background-color : #FF0000
}
.tujo
{
	font-size : 9pt ;
	color:#ffffff ;
	background-color : #3366FF
}
.higaeri
{
	font-size : 9pt ;
	color : #ffffff ;
	background-color : #00AA00
}
.eigo
{
	font-size : 9pt ;
	color : #ffffff ;
	background-color : #FF00FF
}

/* --------------------------------------------------------------- */
/* テーブル関連 */
/* --------------------------------------------------------------- */
table
{
	
}
th
{
	
}
td
{
	
}

/* 画像選択テーブル */
table.TaPhoto
{
	
}
th.ThPhoto
{
	padding : 3px;
}
td.TdPhoto
{
	padding : 3px;
}

/* RoyalBlueテーブル */
table.TaRoyalBlue
{
    border-top: solid 1px #ADAEAD;
    border-left: solid 1px #ADAEAD;
    border-bottom: solid 1px #424542;
    border-right: solid 1px #424542;
}
th.ThRoyalBlue
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	height : 30px;
	background-color : #DEF3FF;
	font-size : 9pt;
	padding : 3px;
}
td.TdRoyalBlue
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	font-size : 9pt;
	height : 20px ;
	padding : 3px;
}

/* LightGreyテーブル */
table.TaLightCyan
{
    border-top: solid 1px #ADAEAD;
    border-left: solid 1px #ADAEAD;
    border-bottom: solid 1px #424542;
    border-right: solid 1px #424542;
}
th.ThLightCyan
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	height : 20px;
	background-color : #DEF3FF;
	font-size : 9pt;
	padding : 3px;
	text-align : left;
	font-weight : normal;
}
td.TdLightCyan
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	font-size : 9pt;
	height : 20px ;
	padding : 3px ;
	text-align : left;
}

/* Pinkテーブル */
table.TaPink
{
    border-top: solid 1px #ADAEAD;
    border-left: solid 1px #ADAEAD;
    border-bottom: solid 1px #424542;
    border-right: solid 1px #424542;
}
th.ThPink
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	height : 20px;
	background-color : #DEF3FF;
	font-size : 9pt;
	padding : 3px;
	text-align : left;
	font-weight : normal;
}
td.TdPink
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	font-size : 9pt;
	height : 20px ;
	padding : 3px ;
	text-align : left;
}

/* トップ画面用テーブル */
table.TaTop
{
    border-top: solid 1px #ADAEAD;
    border-left: solid 1px #ADAEAD;
    border-bottom: solid 1px #424542;
    border-right: solid 1px #424542;
}
th.ThTop
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	background-color : #DEF3FF;
	font-size : 9pt;
	padding : 3px;
	height : 15px ;
	text-align : left ;
}
th.ThTopa
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	background-color : #3366cc;
	color:White;
	font-size : 9pt;
	padding : 3px;
	height : 15px ;
	text-align : left ;
}
td.TdTop
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	font-size : 9pt;
	padding : 5px ;
	width : 500px;
	text-align : left ;
	vertical-align : top ;
}

/* トップ画面用テーブル2 */
table.TaTop2
{
    border-top: solid 1px #ADAEAD;
    border-left: solid 1px #ADAEAD;
    border-bottom: solid 1px #424542;
    border-right: solid 1px #424542;
}
th.ThTop2
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	background-color : #DEF3FF;
	font-size : 9pt;
	padding : 3px;
	height : 15px ;
	text-align : left ;
}
th.ThTop2m
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	background-color : #ff9966;
	font-size : 9pt;
	padding : 3px;
	height : 15px ;
	text-align : left ;
}
td.TdTop2
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	font-size : 9pt;
	padding : 5px ;
	width : 200px;
	text-align : left ;
	vertical-align : top ;
	line-height : 130% ;
}
td.TdTop2C
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	font-size : 10pt;
	padding : 5px ;
	width : 200px;
	text-align : center ;
	vertical-align : top ;
	line-height : 130% ;
}


/* トップ画面用テーブル3 */
table.TaTop3
{
    border-top: solid 1px #ADAEAD;
    border-left: solid 1px #ADAEAD;
    border-bottom: solid 1px #424542;
    border-right: solid 1px #424542;
}
th.ThTop3
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	background-color : #DEF3FF;
	font-size : 9pt;
	padding : 3px;
	height : 15px ;
	text-align : center ;
	font-weight : normal ;	
}
td.TdTop3
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	font-size : 9pt;
	padding : 3px ;
	text-align : right ;
	vertical-align : top ;
}

/* カレンダーテーブル */
table.TaCalendar
{
    border-top: solid 1px #ADAEAD;
    border-left: solid 1px #ADAEAD;
    border-bottom: solid 1px #424542;
    border-right: solid 1px #424542;
}
th.ThCalendar
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	height : 20px;
	background-color : #DEF3FF;
	font-size : 9pt;
	padding : 3px;
	text-align : center;
	font-weight : normal;
}
td.TdCalendar
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	font-size : 9pt;
	padding : 3px ;
	text-align : center;
}

/* 担当者画面 */
th.ThTantou
{
    border-top: solid 1px #424542;
    border-left: solid 1px #424542;
    border-bottom : solid 1px #ADAEAD;
    border-right: solid 1px #ADAEAD;
	height : 20px;
	background-color : #DEF3FF;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* メニューのフォント */
	font-size : 9pt;
	padding : 3px;
	text-align : center;
	font-weight : normal;
}

/* メニュー */
body{
}
#ad{
	margin: 0 auto;
	width:800px;
	margin-top:2px;
}
	
.bodyText{
	padding-left:10px;
	padding-right:10px;
	border-top:1px solid #191970;	
}

.bodyText p{
	margin-top:5px;
}

#mainContainer{
	width:850px;
	height:70px;
	margin:0 auto;
	background-repeat:no-repeat;
	padding-top:5px;			
}

#mainMenu{
	background-color: #FFFFFF;	/* メインメニューの背景 */
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* メニューのフォント */
	font-size:11px;	/* メニューのフォントサイズ */
	border-bottom:1px solid #000000;	/* メニューの下側のボーダー */
	height:30px;	/* メニューの高さ */
	 
	position:relative;	/* 変更不可 */
	
}
#mainMenu a{
	padding-left:5px;	/* メニュー項目の左側のスペース */
	padding-right:5px;	/* メニュー項目の右側のスペース */
	font-weight:bold;
	/* 以下の2つは変更不可 */
	position:absolute;
	bottom:-1px;	/* strict doctype宣言を使う場合は、この値を-2pxに */
}
#submenu{		
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* サブメニューのフォント */
	background-color:#F0F8FF;	/* サブメニューの背景色 */
	
	width:100%;	/* 変更不可 */
	
}	
#submenu div{
	white-space:nowrap;	/* 変更不可 */
	
}
/*
アクティブなメニューのスタイル 
*/
#mainMenu .activeMenuItem{
	/* ボーダーのオプション */
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	border-right:1px solid #000000;		
	background-color: #F0F8FF;	/* 背景色 */
	
	cursor:pointer;	/* マウスオーバー時のマウス形状 */
}
/*
アクティブではないメニューのスタイル
*/
#mainMenu .inactiveMenuItem{		
	color: #000000;	/* テキスト色 */
	cursor:pointer;	/* マウスオーバー時のマウス形状 */
}

#submenu a{	
	text-decoration:none;	
	padding-left:5px;	/* サブメニュー項目の左側のスペース */
	padding-right:5px;	/* サブメニュー項目の右側のスペース */
	color: #000000;	/* テキスト色 */
	font-size:9px; 
}

#submenu a:hover{
	color: #FF0000;	/* マウスオーバー時のサブメニューの色 */
}

/* 上限曜日の背景色 */
.OverDayColor {
    background-color:#FFFFCC !important;
}

/* コメント境界線 */
hr 
{
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: dotted; /* 線種 */
   border-color: #000000;/* 線色 */
   height: 1px; /* 高さ */
}
h1,h2
{
	background-color:#ccccff;
	font-size:130%;
	margin-top:2px;
	margin-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
}
h3
{
	background-color:#ffcc99;
	font-size:130%;
	margin-top:2px;
	margin-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
}


/* ボタンスタイル */
.btn_menu
{
    display: block;
    width: 135px;
    height: 45px;
    padding: 1px 13px;
    cursor: pointer;
    
    /*　Firefox */
    background: -moz-linear-gradient(-90deg, #5AA3DE, #5AA3DE 50%, #C6F1FF);
    /*　Safari・Chrome　*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#5AA3DE), color-stop(50%, #5AA3DE), to(#C6F1FF)); 
    
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    
    border-radius: 15px;
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.3);
    box-shadow: 0 3px 6px rgba(0,0,0,.3);
    border: 1px solid rgba(3,26,143,.4);
    color: White;/* #FFF; */
    text-decoration: none;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    text-shadow: rgba(3,26,143,.4) 1px 1px 1px;
}
.btn_menu:before {
    /*　Firefox　*/
    background: -moz-linear-gradient(-90deg, hsla(0,0%,100%,.6), hsla(0,0%,100%,.1));
    /*　Safari・Chrome　*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(hsla(0,0%,100%,.6)), to(hsla(0,0%,100%,.1)));

    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    display: block;
    height: 25px;
    margin-bottom: -15px;
    content: " ";
}
.btn_menu:hover 
{
	/*　Firefox　*/
    background: -moz-linear-gradient(-90deg, #72B5EF, #72B5EF 50%, #D8FDFF);
    /*　Safari・Chrome　*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#72B5EF), color-stop(50%, #72B5EF), to(#D8FDFF));

    -moz-box-shadow: 0 3px 6px rgba(19,92,175,.4);
    -webkit-box-shadow: 0 3px 6px rgba(19,92,175,.4);
    box-shadow: 0 3px 6px rgba(19,92,175,.4);
}

.btn_menu2
 {
    width: 130px;
    height: 45px;
    cursor: pointer;
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
    text-align:center;
    vertical-align:middle;
    background-color:#3366cc;
    color: White;
    font-weight: bold;
    font-size:13px;
}

.btn_menu2:hover
 {
	background-color:#99ccff;
	color:#333333;
}

/* クチコミ評価 */
table.wom_t
{
    font-size:90%;
    margin-top:5px;
    width:100%;
}
td.wom_h
{
    text-align:left;
    padding-left: 15px;
}
td.wom_d
{
    text-align:right;
    padding-right: 15px;
}
td.wom_n
{
    font-size:95%;
    padding-top:5px;
    padding-left:10px;
    text-align: left;
}

/* WEB契約関連 */
.webc_service {
    clear:                  both;
    margin:                 5px 0 5px 0;
    padding:                10px 0 10px 0;
    border:                 5px double #EF454A;
    font-size:              15px;
    line-height:            20px;
}
