@charset "UTF-8";

/* local menu */
#navi{background:url(../img/local_a.png) repeat-x left 50%;pading:0 1em;float:right;top:25px; border:#346300 2px solid;z-index:250;}
#navi li{font-weight:bold;/font-size:0.9em; line-height:35px;height:35px;list-style:none; float:left;}
#navi li a{color:#fff; padding:0 1em; text-decoration:none; display:inline-block;}
#navi li a:hover{background:url(../img/local_b.png) repeat-x left 50%;}
#sb-body{background:#FFF;}
.catch3{z-index:50;}

/* CSS Document */
#OverView{margin:auto;width:900px; height:450px; padding:30px 22px 20px; background:#fff url(../img/SmallOffice.png) no-repeat 270px 5px; position:relative;}
#OverView .catch{margin:20px 25px;}
#OverView .catch3,#OverView .script{float:left;margin:15px 0 0 20px; clear:both;}
#Logo{
	background: url(../img/smalloffice.gif) no-repeat;
	display: block;height:61px;width:300px;
	text-indent:-20000px;z-index:50;
	position:relative;left:20px;float:left;
}

.OverViewScri{margin:20px auto 0;width:850px;}
	
/*タブメニュー設定*/
#tnavi,#tab a,#tab a span {display:block;background-image:url(../../images/NavBG.gif);height:33px; overflow:hidden;}
#tnavi {border:0;width: 943px;margin:auto; background-position:0 -132px; background-repeat:repeat-x;}
#tab {margin-left:45px;}
#tab li {display:inline;float:left;}

#tab a,#tab a span,#tab a:hover,#tab a:hover span {background-repeat:no-repeat;}
#tab a span,#tab a:hover span  {padding:0 7px 0 15px;margin-right:8px;}

#tab a {font-size:0.9em;color:#4D4D4D;font-weight:700;line-height:33px;text-decoration:none;border:0;display:inline-block;background-position:right 0px;}

#tab a span {background-position:left 0px;}
#tab a:hover {background-position:right -33px;color:#fff;}
#tab a:hover span {background-position:left -33px;}
#tab a:active {color:#F6AC2D;}

* html #tab a span, * html #tab a:hover span {float:left;margin-right:4px;}

/*タブメニュー設定ここまで*/

.odd{background-color:#FBEBD7;color:#222;}
.ContentsDelta h2{padding-left: 40px;font-size: 1.25em;margin: 35px 0px 10px;/margin:15px 0px 5px;border-bottom: 1px dotted;color:#30A52C;}

/*テープルデザイン指定*/
.ContentsDelta table{line-height:1.7em; font-size:.85em; margin:0 auto 15px;vertical-align:middle;}
table#cost th{text-align:right;}
.ContentsDelta table th,.ContentsDelta table td{padding:.5em .8em;border:#235000 solid 1px;}
.ContentsDelta th,.ContentsDelta tfoot td	{color:#FFF;font-weight: bold; white-space:nowrap;}
.ContentsDelta thead th{background:url(../img/local_b.png) repeat-x left 30%; font-size:1.2em; letter-spacing:0.5ex;}
.ContentsDelta tbody th{background:#E6F5DB;color:#30A52C;}
.ContentsDelta tbody tr	{background-color:#FFF;}
.ContentsDelta tfoot td	{background-color:#30A52C;font-size:.8em;line-height:1.5em; text-align:left;}


/*-------テープル　ここまで*/

.ContentsDelta ul.num{list-style:decimal;margin-left:45px;font-size: 1.05em;font-weight: bold;line-height:18px; overflow:visible;}
.ContentsDelta ul li p{font-size: 0.9em;font-weight:normal; padding-bottom:15px;}

#Func{margin:0px auto; width:920px;}

.LOG,.SAM{width:450px;}

.LOG ul.log{padding-left:37px;list-style-image:url(../../images/key.gif);}
.SAM ul.sam{padding-right:20px;list-style-image:url(../../images/bag.gif);}

.LOG li{margin:15px 0 0 37px;background:url(../img/hlYel.png) no-repeat bottom right;}
.DEV li{margin:15px 0 0 37px;background:url(../img/hlRed.png) no-repeat bottom right;}
.SAM li{margin:15px 20px 0 0;background:url(../img/hlBlu.png) no-repeat bottom right;float:right;}
.LOG li,.SAM li,.DEV li{font-size:1.25em;font-weight:bold;padding:0 0 3px 0px;width:310px;line-height:21px;}
.LOG{float:left;}
.SAM{float:Right;}

.SAM .login{padding:25px 0 0 68px;clear:right}
.SAM .login img{border: 1px solid #005AC4;}

.SAM_func,.Log_func,.dev_func{margin:10px 40px 20px;}
.SAM_func{background:url(../../images/bag.gif) left top no-repeat;}
.Log_func{background:url(../../images/key.gif) left top no-repeat;}
.dev_func{background:url(../../images/attent.gif) left top no-repeat;}

.SAM_func h3, .Log_func h3, .dev_func h3{height:25px; line-height:28px; font:1.2em;padding-left:30px;}

.Ul_Blu, .Ul_Yel,.Ul_Red{width:475px;padding-bottom:4px;margin-bottom:8px;}
.Ul_Blu{background:url(../img/hlBlu.png) no-repeat bottom right;}
.Ul_Yel{background:url(../img/hlYel.png) no-repeat bottom right;}
.Ul_Red{background:url(../img/hlRed.png) no-repeat bottom right;}

#header h2{margin-top:7px;}
.detail{clear:both;color:#1298DE;font:0.9em;background:url(../img/tra.gif) no-repeat 9.5em 50%;margin-left:45px;line-height:3em;height:3em;padding-left:2.7em;}
.sample{margin:10px auto; width:800px; height:330px;}
.sample a{padding:5px; display:block;margin:0 10px;float:left;}

#CWS2_Top{width:860px; height:70px; margin:20px auto 0;background:url(../img/CWS2_Top.gif) no-repeat 0 0; padding-top:80px; z-index:5;}
#CWS2_Top:active{background-position:0 -150px;}
#CWS2_Top p{text-align:right; padding-right:30px; font-size:1.0em;}
#CWS2_Top p a,.CWS2logo_backTop a{color:#1298DE; text-decoration:none;}
#CWS2_Top p a:hover,.CWS2logo_backTop a:hover{color:#0083D9;text-decoration:underline;}
.CWS2logo_backTop{float:left; z-index:15; position:relative; left:40px;}