<!-- CSS -->
<style type="text/css">
            div#fw_page {
                width: 600px;
                background-color: #fff;
                margin: 100px auto;
                text-align: left;
                border:1px solid #ddd;
            }
            div.fw_buttons {
                padding: 20px;
             }
            div.fw_button {
                padding: 10px;
            }
             .fw_btn {
                width: 100%;
             }

/* ************************* */
            
/* 画面背景 */

body{
    font-family:sans-serif;
    font-size:14px;
    word-break:break-all;
//    background:linear-gradient(white, mintcream);
//    background-color:rgb(244, 240, 233);
}
/* 画面幅(固定) */
.hpWidth{
    width:750px;
}
/*画面幅(変動)*/
.hpWidthMin{
    min-width:800px;
}
.hpWidthMax{
    max-width:1200px;
}


/* ヘッダー */
div#header{
    position:relative;
    overflow:hidden;
//    background-color:white;
}


/* ウェブ用メイン画面 */
div#webmain{
    font-family:"ＭＳ ゴシック",monospace;
    background-color:rgb(244, 240, 233);
}

div#wbc{
    background-color:white;
}
/*******************本文の枠****************/
/*本文の枠（メイン画面）*/
div#container{
    position:relative;
    overflow:hidden;
//    background-color:rgb(244, 240, 233);
}
/*サイドバー(変更予定)*/
div#sidebarArea{
    width:30%;
    margin:0px 0px 10px 2%;
    float:left;
}
/*メイン(変更予定)*/
div#mainArea{
    width:63%;
    margin:0px 2% 10px 2%;
    text-align:left;
    float:left;
}

/*全て*/
div#allArea{
    width:98%;
    margin:0px 2% 10px 2%;
    text-align:left;
    float:left;
}


/****************HOME***********************/
/*サイドバー*/
.SideHome{
    text-align:left;
    margin:0px 0px 0px 0px;
    border-style:solid;
    border-width:1px;
}
/*新規のボタン*/
.NewBtn{
    border-style:solid;
    border-width:thin;
    border-width:1px;
    width:50px;
    padding:0px 5px 0px 5px;
}
/*タイトル*/
.SideTitleHome{
    height:25px;
    line-height:25px;
    text-align:center;
}

.SideAreaHome{
    margin:0px 5px 5px 5px;
    border-style:solid;
    border-width:1px;
    overflow:hidden;
}

/*メイン*/
.contentsLink1{
    width:100%;
    text-align:center;
    height:150px;
    line-height:150px;
}

.contentsLink2{
    width:45%;
    text-align:center;
    height:120px;
    line-height:120px;
}
.contentsComv{
    margin:10px 0px;
}

/*新着情報*/
.Border1{
    height:25px;
    line-height:25px;
//    background-color:thistle;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5c7e2', endColorstr='#bfaad5', GradientType=0)";  
    background: linear-gradient(to bottom, #d5c7e2,#bfaad5); 
    color:indianred;
}
.Border2{
    border-style: solid;
    border-width: 0px 0px 10px 0px;
    border-color:rgb(108,91,123);
/*    border-color:lightsalmon;*/
    border-color:#bfaad5;
    color:slategray;
}
/******************検索・一覧****************/
/*一覧ﾀｲﾄﾙ*/
.SearchLineHeader{
    border-style:solid;
    border-width:5px 0px 5px 0px;
}
.SearchLineh{
    min-height:20px;
    line-height:20px;
    margin-left:9px;
    overflow:hidden;
}
.SearchHeaderText1{
    width:195px;
    margin:0px 5px;
    float:left;
}
.SearchHeaderText2{
    margin:0px 5px;
}
/*一覧*/
.SearchArea{
    max-height:900px;
    overflow-y:auto;
}
.SearchLine{
    min-height:20px;
    line-height:20px;
    margin-left:5px;
    overflow:hidden;
}
.SearchLink{
    min-height:60px;
    border-style:solid;
    border-width:0px 0px 1px 10px;
    margin:5px 0px 0px 0px;
}
.SearchText1{
    width:98%;
    margin-right:5px;
    float:left;
}
.SearchText2{
    width:85px;
    float:left;
}
/********************タブ*********************/

/*上部タブボタン*/
.bTabDiv{
    margin-left:2%;
    margin-right:2%;
    overflow:hidden;
}
.bTab1{
    float:left;
}
.bTab2{
    float:left;
    margin-left:15px;
}
.bTabLine{
    line-height:60px;
    text-align:center;
    color:white;
    border-style:solid;
    border-width:0px 1px 0px 1px;
}
/*******************詳細画面*******************/
/*事業所名など*/
.DFont{
    font-size:15px;
}

/*詳細画面*/
table.noveltable{
    border-width:0px 1px 0px 1px;
    border-style:solid;
//    border-color:#8d1d55;
    border-color:rgb(107, 111, 119);
    background-color: white;
    width: 100%;
    float:left;
}
/*→詳細情報*/
table.noveltable td {
    border-width: 0px 0px 1px 0px;
    border-style:solid;
//    border-color:#8d1d55;
    border-color:rgb(107, 111, 119);
    padding-left:5px;
    min-height: 25px;
    width:78%;
    line-height : 18px;
    overflow:hidden;
}
/*←項目名*/
table.noveltable thead th {
//    background-color: MistyRose;
    background-color: rgb(236, 214, 234);
    border-width: 0px 1px 1px 0px;
    border-style:solid;
//    border-color:#8d1d55;
    border-color:rgb(107, 111, 119);
    padding-left:5px;
    vertical-align:middle;
    font-weight:normal;
    min-height: 25px;
    width:20%;
    line-height : 18px;
}
/*ルート検索用*/
table.accesstable{
    background-color: white;
    border-width:0px 1px 1px 1px;
    border-style:solid;
//    border-color:#8d1d55;
    border-color:rgb(107, 111, 119);
    width: 100%;
    float:left;
}
table.accesstable td {
    padding-left:5px;
    min-height: 25px;
    width:78%;
    line-height : 18px;
    overflow:hidden;
}
table.accesstable thead th{
//    background-color: MistyRose;
    background-color: rgb(236, 214, 234);
    border-width: 0px 1px 0px 0px;
    border-style:solid;
//    border-color:#8d1d55;
    border-color:rgb(107, 111, 119);
    padding-left:5px;
    vertical-align:middle;
    font-weight:normal;
    min-height: 25px;
    width:20%;
    line-height : 18px;
}

/*見出し*/
table.noveltable caption{
    min-height: 25px;
    line-height : 25px;
//    background-color:peachpuff;
    background-color:rgb(230, 224, 236); 
    border-width:0px 1px 1px 1px;
    border-style:solid;
//    border-color:#8d1d55;
    border-color:rgb(107, 111, 119);
    padding-left:5px;
    vertical-align:middle;
    font-weight:normal;
    color:rgb(16, 37, 63);
}
/*画像用*/
table.imagetable{
    border-width:0px 1px 1px 1px;
    border-style:solid;
//    border-color:#8d1d55;
    border-color:rgb(107, 111, 119);
    background-color: white;
    width: 100%;
    float:left;
}
table.imagetable caption{
    background-color: white;
    border-width:0px 1px 1px 1px;
    border-style:solid;
//    border-color:#8d1d55;
    border-color:rgb(107, 111, 119);
    padding-left:5px;
    vertical-align:middle;
    font-weight:normal;
    overflow:hidden;
}
table.imagetable caption cl{
    height: 200px;
    line-height : 18px;
    border-width:0px 1px 0px 0px;
    border-style:solid;
//    border-color:#8d1d55;
    border-color:rgb(107, 111, 119);
    float:left;
    vertical-align:middle;
    font-weight:normal;
    width:355px;
    overflow:hidden;
}
table.imagetable caption cr{
    height: 200px;
    line-height : 18px;
    float:left;
    vertical-align:middle;
    font-weight:normal;
    width:355px;
    overflow:hidden;
}

/*画像テスト*/
table.itesttable{
    border-width:0px 1px 1px 1px;
    border-style:solid;
//    border-color:#8d1d55;
    border-color:rgb(107, 111, 119);
    background-color: white;
    width: 100%;
    float:left;
}
table.itesttable td {
    vertical-align:middle;
    font-weight:normal;
    min-height: 25px;
    width:355px;
    line-height : 18px;
    overflow:hidden;
    text-align:center;
}
table.itesttable thead th {
    border-width: 0px 1px 0px 0px;
    border-style:solid;
//    border-color:#8d1d55;
    border-color:rgb(107, 111, 119);
    vertical-align:middle;
    font-weight:normal;
    min-height: 25px;
    width:355px;
    line-height : 18px;
    overflow:hidden;
    text-align:center;
}
.Dimage img{
    max-width:350px !important;
    max-height:175px !important;
    width:auto !important;
    height:auto !important;
}
.Dimage2 div{
//    border:0px solid #8d1d55 !important;
    border:0px solid rgb(107, 111, 119) !important;
}
.Dimage2 img{
    max-width:98% !important;
    height:auto !important;
}

/*******************ブランク******************/
.Blank1{
    height:20px;
}
.Blank2{
    height:10px;
}
.Blank3{
    height:30px;
}
.Blank4{
    width:40px;
}

/*****************リンク*********************/
/*クリック時透過*/
/*IE対応が面倒らしいので、修正予定*/
.clickOpacity:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}
.clickOpacity:active{
    opacity: 0.9;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
}

/*リンクのアンダーラインを消す*/
.nounder{
    text-decoration:none;
}
.nounder:hover{
    text-decoration:none;
}
.nounder:active{
    text-decoration:none;
}

/******************色**********************/
/*サイドバーの色*/
.colorSide{
//    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='lemonchiffon', endColorstr='Salmon', GradientType=0)";  
//    background: linear-gradient(to bottom, lemonchiffon,Salmon); 
//    background: -moz-linear-gradient(#FFCC99, #FF9966);
//    background: -webkit-gradient(linear, left top, left bottom, from(#FFCC99), to(#FF9966)); 
//    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCC99', endColorstr='#FF9966', GradientType=0)";  
//    background: linear-gradient(to bottom, #FFCC99,#FF9966); 
//    border-color:#FF9900;
//    color:#996666;
    background-color:rgb(209, 232, 255); 
    border-color:rgb(209, 232, 255);
    color:rgb(16, 37, 63);
}
/*Color:サイドバーの中*/
.color1{
    background-color:white;
    border:none;
    color:slategray;
}

/*color2:ボタン１の色*/
.color2{
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8080', endColorstr='#ff5555', GradientType=0)";  
    background: linear-gradient(to bottom, #ff8080,#ff5555); 
    color:white;
    cursor:pointer;
}
.color2:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaaaa', endColorstr='#ff8080', GradientType=0)";  
    background: linear-gradient(to bottom, #ffaaaa,#ff8080); 
    color:white;
}
.color2:active{
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd5d5', endColorstr='#ffaaaa', GradientType=0)";
    background: linear-gradient(to bottom, #ffd5d5,#ffaaaa); 
    color:white;
}

/*color3:ボタン２の色*/
.color3{
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e272aa', endColorstr='#8d1d55', GradientType=0)";  
    background: linear-gradient(to bottom,#e272aa,#8d1d55); 
    color:white;
    cursor:pointer;
}
.color3:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1b8d5', endColorstr='#e272aa', GradientType=0)";  
    background: linear-gradient(to bottom, #f1b8d5,#e272aa); 
    color:white;
}
.color3:active{
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8dcea', endColorstr='#f1b8d5', GradientType=0)";
    background: linear-gradient(to bottom,#f8dcea,#f1b8d5); 
    color:white;
}

/*color4:DLボタンの色*/
.color4{
    background-color:rgb(121, 156, 255);
    border-color:white;
    color:rgb(16, 37, 63);
	font-weight:bold;
    cursor:pointer;
}
.color4:hover{
    background-color:rgb(150, 178, 255);
    border-color:white;
	font-weight:bold;
    color:rgb(16, 37, 63);
}
.color4:active{
    background-color:rgb(186, 204, 255);
    border-color:white;
	font-weight:bold;
    color:rgb(16, 37, 63);
}


/*color5:新着情報の色*/
.color5{
//    background-color:LavenderBlush;
    background-color:rgb(209, 232, 255);
}
/*color6:新着情報の色*/
.color6{
//    background-color:MistyRose;
    background-color:white;
}
.color7{
//    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0B1DE', endColorstr='#d4bbea', GradientType=0)";  
//    background: linear-gradient(to bottom,#E0B1DE,#d4bbea); 
    background-color:rgb(209, 232, 255); 
    border-width:1px 1px 1px 1px;
    border-style:solid;
//    border-color:#8d1d55;
    border-color:rgb(107, 111, 119);
//    color:black;
    color:rgb(16, 37, 63);
}

/*ボーダー*/
/*bcolor1*/
.bcolor1{
    border-color:LightSalmon;
}

/*bcolor2*/
.bcolor2{
    border-color:burlywood;
}

/*bcolor3*/
.bcolor3{
    border-color:tan;
}
/*bcolor4*/
.bcolor4{
    border-color:white;
}
/*bcolor5*/
.bcolor5{
//    border-color:#8d1d55;
    border-color:rgb(185, 173, 157);
}
/*bcolor6*/
.bcolor6{
    border-color:rgb(107, 111, 119);
}
.textColor1{
    color:indianred;
}
.textColor2{
//    color:slategray;
    color:rgb(18,10,42);;
}
.textColor3{
    color:rgb(74,56,129);
}
.textColor4{
    color:rgb(18,10,42);
}
/*リンクの色*/
.textColor5{
    color:RoyalBlue;
    cursor:pointer;
}
.textColor5:hover{
    color:#9595ea;
}
.textColor5:active{
    color:#b8b8f1;
}

.textColor6{
    color:Black;
}

.textColor7{
    color:#5f5f5f;
    cursor:pointer;
}
.textColor7:hover{
    color:slategray;
}
.textColor7:active{
    color:#bfbfbf;
}

/*一覧の色*/
.selectColor{
    background-color:white;
    cursor:pointer;
}
.selectColor:hover{
//    background-color:MistyRose;
    background-color:rgb(186, 204, 255);
}
.selectColor:active{
//    background-color:LavenderBlush;
    background-color:rgb(209, 232, 255);
}

/*押下等色変更（ボーダー）*/
.borderColor{
//    border-color:thistle;
    border-color:rgb(121, 156, 255);
}
.borderColor:hover{
//    border-color:mediumslateblue;
    border-color:rgb(150, 178, 255);
}
.borderColor:active{
//    border-color:#5555ff;
    border-color:rgb(186, 204, 255);
}
.borderColor2{
//    border-color:thistle;
    border-color:rgb(121, 156, 255);
}
/*selectColor2:ヘッダー*/
.selectColor2{
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='Salmon', endColorstr='#ff5555', GradientType=0)";  
    background: linear-gradient(to bottom, #ff8080,#ff5555); 
    cursor:pointer;
}
.selectColor2:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaaaa', endColorstr='#ff8080', GradientType=0)";  
    background: linear-gradient(to bottom, #ffaaaa,#ff8080); 
    color:white;
}
.selectColor2:active{
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd5d5', endColorstr='#ffaaaa', GradientType=0)";
    background: linear-gradient(to bottom, #ffd5d5,#ffaaaa); 
    color:white;
}

/*****************レポート画面**************/
/*ボタン*/
.reportBtn{
    float:right;
    line-height:18px;
    font-size:18px;
    padding:10px 5px;
    border: 1px solid #747474;
    margin-right:10px;
    border-radius:5px;
}
.BtnColor{
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dfdfdf', GradientType=0)";
    background: linear-gradient(to bottom, #f4f4f4,#dfdfdf); 
    color:black;
}
.BtnColor:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#eaffff', GradientType=0)";
    background: linear-gradient(to bottom, #e9e9e9,#eaffff); 
    color:black;
}
.BtnColor:active{
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfbfbf', endColorstr='#f4f4f4', GradientType=0)";
    background: linear-gradient(to bottom, #bfbfbf,#f4f4f4); 
    color:black;
}

.SearchCsv{
    background-color:Papayawhip;
    width:90%;
    padding:10px 10px 20px 10px;
    border-width:2px;
    border-style:solid;
    border-color:#8d1d55;
}
.Searchtxt{
    width:30%;
    margin-left:5%;
    float:left;
}
.Searchbox{
    width:60%;
    margin-left:2%;
    float:left;
}
.Searchbtn{
    width:25%;
    margin-left:1%;
    float:left;
}
.Searchbtn2{
    width:10%;
    margin-left:1%;
    float:left;
}
.SearchTxtArea{
    ime-mode:active;
    width:250px;
}

.SearchA{
    max-height:400px;
    overflow-y:auto;
}

/*********************IE対応用ボタンの枠線***********************/
.NBorder{
    border-style: none;
}

</style>
