/*--------------------------------------------
-- Copyright 2008 DROP All Rights Reserved  --
-- This CSS For Layout Of DROP Manager      --
-- Designed By What's UP 245 Co,.Ltd.       --
-- http://www.wup245.co.jp/                 --
--------------------------------------------*/

/*  1.Manager Templates
    2.
	3.
	
	This Sheet For "Base Layout" .
--------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0;} 

img {border:0px;}
a:focus{/**/overflow: hidden;/**/}
ul {list-style:none;}



/*  body,wrapper
--------------------------------------------*/

body {
margin:0px;
padding:0px;
font-size:12px;
}

#wrapper {
width:1000px;
margin:0px auto;
}

/*  header
--------------------------------------------*/

#wrapperBg {
width:100%;
background:url(../images/bg_header.gif)  center top #19769f;
}

#header {
width:1000px;
height:85px;
margin:0px auto;
}

/*--- headerArea ---*/

#headerArea {
clear:both;
width:1000px;
height:40px;
padding-top:10px;
}

.logo a,
.logo a:link {
width:116px;
height:30px;
display:block;
background:url(../images/logo.png) no-repeat;
_background:url(../images/logo.gif) no-repeat; /* For IE6.0 */
float:left;
text-indent:-3500px;
}

.news {
color:#ffffff;
padding-top:10px;
padding-left:10px;
float:left;
}

.nav {
padding-top:20px;
float:right;
}

#navGlobalArea {
clear:both;
width:1000px;
height:35px;
}

/*--- navGlobal ---*/

ul#navGlobal {
list-style:none;
float:left;
height:35px;
_margin-top:5px; /* For IE6.0 */
}

ul#navGlobal li {
float:left;
margin-right:3px;
}

/*--- navGlobalBase ---*/

ul#navGlobalBase {
float:right;
height:30px;
list-style:none;
margin-top:5px;
_padding-top:5px; /* For IE6.0 */
}

ul#navGlobalBase li {
float:left;
margin-left:2px;
}

.headerGlobalBg {
width:100%;
height:5px;
background:url(../images/bg_nav_base.gif) repeat-x;
clear:both;
_top:-5px; /* For IE6.0 */
position: relative;
}



/*  navAction
--------------------------------------------*/

#navActionArea {
width:100%;
height:30px;
background:url(../images/bg_nav_action.gif) repeat-x;
_position:relative;
}

*html #navActionArea {
top:0px;
}

ul#navAction {
width:1000px;
height:30px;
margin:0px auto;
list-style:none;
}

ul#navAction li {
width:125px;
height:30px;
float:left;
}

ul#navAction .prv {
float:right;
width:95px;
height:24px;
padding-top:2px;
padding-left:2px;
}

ul#navAction .allow {
float:right;
width:17px;
height:17px;
padding-top:6px;
padding-left:10px;
}


/*  easyNavArea
--------------------------------------------*/

#easyNavArea {
width:100%;
height:30px;
clear:both;
background-color:#ffffcc;
border-bottom:4px solid #3c96d3;
border-top:1px solid #999999;
_position:relative;
}

ul#easyNav {
width:1000px;
margin:0px auto;
padding-top:0px;
}

ul#easyNav .easyNavTxt {
float:left;
line-height:250%;
_margin-top:5px;
}

ul#easyNav .easyNavTxt span {
margin-left:5px;
}

ul#easyNav .easyNavClose {
float:right;
margin-top:5px;
_margin-top:5px;
}

/*  navFunctionArea
--------------------------------------------*/

#navFunctionArea {
width:100%;
background-color:#000000;
clear:both;
_position:relative;
_top:-15px;
}

#navFunctionArea ul {
width:280px;
margin:0px auto;
color:#FFFFFF;
padding-top:10px;
}

#navFunctionArea ul li {
float:left;
text-align:center;
}

#navFunctionArea ul li a,
#navFunctionArea ul li a:link {
background-color:#000000;
color:#FFFFFF;
text-decoration:none;
text-align:center;
}

#navFunctionArea ul li.current a,
#navFunctionArea ul li.currnet a:link {
background-color:#000000;
color:#FFFFFF;
text-decoration:none;
text-align:center;
}

#navFunctionArea ul li a:hover {
background-color:#000000;
}

/*  container
--------------------------------------------*/

#container {
width:100%;
overflow: hidden;
background-color:#ffffff;
clear:both;
}

#inspectionContainer {
width:960px;
height:100%;
margin:20px auto;
}

.directryIndex {
width:230px;
float:left;
}

.directryIndex .content {
background:url(../images/bg_leftcollumn_middle.gif) repeat-y;
width:230px;
min-height:400px;
}

.directryIndexTree {
width:200px;
padding:15px;
}

.directryIndexTree li.home {
list-style:url(../images/icon_home.gif) inside;
margin-bottom:10px;
}

.directryIndexTree li.folder {
width:180px;
height:30px;
display:block;
}

.directryIndexTree li.folder a,
.directryIndexTree li.folder a:link {
width:160px;
height:14px;
display:block;
text-decoration:none;
padding:8px 10px;
color:#2b2b2b;
}

.directryIndexTree li.folder a:hover {
width:160px;
height:14px;
display:block;
background:url(../images/bg_directryIndex.gif);
padding:8px 10px;
}

.directryIndexTree li#current a,
.directryIndexTree li#current a:link {
width:160px;
height:14px;
display:block;
background:url(../images/bg_directryIndex.gif);
text-decoration:none;
padding:8px 10px;
color:#2b2b2b;
}

.fileIndex {
width:620px;
float:left;
margin-left:30px;
}

.fileIndex .content {
background:url(../images/bg_rightcollumn_middle.gif) repeat-y;
width:620px;
min-height:400px;
}

.fileIndexInspection {
width:570px;
padding:25px;
}

.fileIndexInspection li {
text-align:center;
float:left;
margin-right:30px;
}

.fileIndexInspection li img {
margin-bottom:5px;
}

.fileIndexInspection li a,
.fileIndexInspection li a:link {color:#2b2b2b; text-decoration:none;}
.fileIndexInspection li a:hover {color:#4186b5; background-color: #66FFFF;}

/*  baseinfo
--------------------------------------------*/

.baseinfoNav {
width:200px;
padding:15px;
}

.baseinfoNav .ttl {
background:url(../images/ttl_baseinfo_nav.gif);
height:35px;
line-height:300%;
text-align:center;
margin-bottom:10px;
font-weight:bold;
}

.baseinfoArrange {
width:570px;
padding:25px;
}

.baseinfoArrangeTbl th {
padding:10px;
background-color:#eeeeee;
}

.baseinfoArrangeTbl td {
padding:10px;
background-color:#ffffff;
}
.baseinfoArrangeTbl .HeaderHyouji {
margin:0px;
padding:5px;
}

.baseinfoArrangeTbl .HeaderHyouji div.block01,
.baseinfoArrangeTbl .HeaderHyouji div.block02 {
float:left;
}

.baseinfoArrangeTbl .HeaderHyouji div.block01 {
width:30%;
line-height:1000%;
}

.baseinfoArrangeTbl .HeaderHyouji div.block02 {
width:70%;
}

.baseinfoArrangeTbl .HeaderHyouji div.block02 ul.picActive {
background-color:#ffffcc;
padding:10px;
}

.baseinfoArrangeTbl .HeaderHyouji div.block02 ul.picActive li div {
float:left;
margin-right:10px;
}

.baseinfoArrangeTbl .HeaderHyouji div.block02 ul.picActive li {
float:none;
clear:both;
padding-top:10px;
}

.baseinfoArrangeTbl .HeaderHyouji div.block02 ul.picActive li p {
padding-bottom:5px;
}

.baseinfoArrangeTbl .HeaderHyouji div.block02 ul.picActive li.preview {
clear:both;
}

#btCustom {
text-align:center;
padding:10px;
}

.baseinfoArrangeTbl {
width:555px;
background-color:#dddddd;
}

.baseinfoArrangeNav {
background-color:#00CCFF;
padding:10px;
width:535px;
margin-bottom:10px;
}

.baseinfoLeftNav {
padding-top:50px;
padding-left:20px;
}

.baseinfoNav li {
padding-bottom:10px;
}





#componentContainer {
width:100%;
clear:both;
height:130px;
background-color:#000000;
overflow:hidden;
}

#wrap {
background-color:#000000;
width:1000px;
height:auto;
margin:0px auto;
padding:10px;
overflow:hidden;
}

/*  editor
--------------------------------------------*/

#editorArea {
clear:both;
width:100%;
height:35px;
background:#FFFFFF url(../images/bg_editor.gif) repeat-x;
border-bottom:2px solid #3399FF;
text-align:center;
}

.editor {
width:620px;
height:25px;
list-style:none;
margin:5px auto;
text-align:center;
}

.editor li {
float:left;
margin-right:5px;
}

li.editSp {
margin-right:20px;
}

.sizeFont {
width:70px;
height:25px;
font-size:10px;
vertical-align:middle;
background-color: #33CCFF;
float:left;
line-height:250%;
}

.fontSet {
width:120px;
}

/*  fileupload
--------------------------------------------*/

#fileupload {
clear:both;
width:100%;
height:35px;
margin:0px auto;
background:#FFFFFF url(../images/bg_editor.gif) repeat-x;
border-bottom:2px solid #3399FF;
}

.fileuploadArea {
width:400px;
height:35px;
margin:0px auto;
}

.fileuploadArea p {
float:left;
}

.fileuploadArea .title {
line-height:300%;
}

.fileuploadArea .bt {
padding:5px;
}

/*  googleMapEdit
--------------------------------------------*/

#googleMapEdit {
clear:both;
width:100%;
height:35px;
margin:0px auto;
background:#FFFFFF url(../images/bg_editor.gif) repeat-x;
border-bottom:2px solid #3399FF;
}

.googleMapEditArea {
width:600px;
height:35px;
margin:0px auto;
}

.googleMapEditArea p {
float:left;
}

.googleMapEditArea .title {
line-height:300%;
}

.googleMapEditArea .select {
margin:4px 0px 6px 10px;
padding:3px 5px;
background-color: #00CCFF;
font-size:10px;
font-weight:bold;
}

/*  previewArea
--------------------------------------------*/

#previewArea {
width:100%;
background-color:#ffffff;
clear:both;
}

/*  analysisArea
--------------------------------------------*/

#analysisContainer {
clear:both;
width:100%;
height:650px;
background-color:#FFFFFF;
padding:20px 0px;
}

#analysisArea {
width:800px;
height:650px;
margin:0px auto;
}

ul.mainNav {
width:800px;
height:60px;
list-style:none;
}

ul.mainNav li {
width:200px;
height:60px;
float:left;
}

.mainContent {
width:800px;
height:590px;
background: url(../images/main_bg.gif) no-repeat;
clear:both;
}

.left {
width:190px;
height:540px;
float:left;
background:url(../images/bg_left.gif);
margin-left:20px;
margin-top:20px;
}

.main {
width:560px;
height:540px;
float:left;
margin-left:10px;
margin-top:20px;
}

.main ul {
width:560px;
height:40px;
list-style:none;
}

.main ul li {
width:140px;
float:left;
height:40px;
}

.main div.analysisContainer {
clear:both;
width:560px;
height:350px;
background-image:url(../images/bg_nav_main.gif);
}

.main div.analysis {
width:500px;
height:300px;
margin:0px auto 0px auto;
padding-top:20px;
}

.todayYesterday {
width:170px;
height:170px;
background:url(../images/bg_today_yesterday.gif) no-repeat;
margin:10px;
}

.today {
width:150px;
height:80px;
color:#FFFFFF;
margin:10px;
text-align:center;
}

.today span {
font-size:32PX;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:10px;
}

.yesterday {
width:150px;
color:#000000;
margin:10px;
padding-top:10px;
text-align:center;
}

.yesterday span {
font-size:32PX;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:10px;
}

#dataTable {
padding-top:10px;
clear:both;
width:560px;
height:auto;
background-image:none;
}

table#myScrollTable1 {
clear:both;
width:560px;
background-image:none;
background-color:#bbbbbb;
height:auto;
}

table#myScrollTable1 th {
background-color: #996600;
text-align:center;
color:#FFFFFF;
padding:5px;
}

table#myScrollTable1 td {
text-align:center;
padding:5px;
background-color:#eeeeee;
}

table#myScrollTable1 thead,
table#myScrollTable1 tfoot {
background-color: #ffffff;
}

table#myScrollTable1 tbody {
background-color:#ffffff;
}

/*  calender
--------------------------------------------*/

.calendar {
width:170px;
margin:10px;
}

.calendar table {
width:170px;
background-color:#FFFFFF;
}

.calendar th {
background-color: #006600;
text-align:center;
padding:3px;
color:#FFFFFF;
}

.calendar td {
background-color: #66FFFF;
text-align:center;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

.calendar caption {
background-color: #006600;
padding-top:3px;
padding-bottom:3px;
font-weight:bold;
color:#FFFFFF;
}

.calendar caption span {
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
/*
„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª
Component Area Style Addded (2008.05.28)
„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª„ª
*/

#componentContainer {
width:100%;
clear:both;
height:80px;
background-color:#000000;
overflow:hidden;
border-bottom:5px solid #82cff8;
}

#wrap {
background-color:#000000;
width:980px;
height:auto;
margin:0px auto;
padding:5px;
overflow:hidden;
}

.txtHelp {color:#10f54c;}
.txtHelp a {color:#10f54c;}
.txtHelp a:link {color:#10f54c;}
.txtHelp a:hover {color:#10f54c;}

.txtNav {
font-size:10px;
color:#FFFFFF;
width:165px;
height:40px;
padding:5px;
overflow: auto;
}