@charset "UTF-8";

/* local menu */
#navi{background:url(../img/local_a.png) repeat-x left 50%;pading:0 1em;float:right;border:#0486F4 2px solid;}
#navi .chi{margin-top:0px;}
#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; padding:30px 22px 20px; background-color:#fff; position:relative;}
#OverView .catch{margin:20px 25px;}
#OverView .catchT{margin:0 25px;}
#OverView .catch2,#OverView .catch3,#OverView .script{position:relative;}
#OverView .catch2{
	float:right;
	top:-35px;
	right:15px;
}
#OverView .catch3{float:left;clear:left;top:10px;left:20px;}
#OverView .script{
	clear:both;
	margin-top:-45px;
	left:20px;
}
#CWS2Logo{
	background: url(../img/CWS2_Logo.gif) no-repeat;
	display: block;height: 75px;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(../img/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;}
tfoot p{margin-bottom:0.7em;}
.ContentsDelta h2{padding-left: 40px;font-size: 1.25em;margin: 35px 0px 25px;/margin:15px 0px 15px;border-bottom: 1px dotted;color:#30a6d9;}
.ContentsDelta h2.samT{border-color:#00A7FF;color:#00A7FF;}
.ContentsDelta h2.logT{border-color:#F7B524;color:#F7B524;}
.ContentsDelta h2.devT{border-color:#FF184F;color:#FF184F;}

/*テープルデザイン指定*/
.ContentsDelta .LOG table,.ContentsDelta .SAM table {border-spacing:1px;background-color:#E7E7E7;width: 410px;clear: both;}
.ContentsDelta .LOG table {margin-left: 37px;}
.ContentsDelta .SAM table {margin-right: 37px;}
.ContentsDelta table{line-height:1.3em;}

.ContentsDelta td, th,.SAMinfo, .LOGinfo, .DEVinfo{padding:0.3em;vertical-align:middle; font-size:0.85em; margin:0 40px;}
table.DEVinfo td{width:130px;text-align:center;}
table.DEVinfo th{text-align:left;}

/*--------------テープルヘッダー部分の設定*/
.ContentsDelta thead th, .ContentsDelta tfoot td{vertical-align:middle;color:#FFF;height: 25px;font-weight: bold; white-space:nowrap;}
.ContentsDelta .LOG thead th, .LOGinfo {background-color: #F7B524;}
.ContentsDelta .SAM thead th, .SAMinfo {background-color: #2994D1;}
.ContentsDelta .DEV thead th, .DEVinfo {background-color: #FF184F;}
.ContentsDelta thead th a:link, tbody th a:visited{color:#FFF;text-decoration: none;}
.ContentsDelta thead th a:hover{color:#FFF;text-decoration: none;}
table.DEVinfo thead td{color:#fff;font-weight:bold; vertical-align:middle; border-left:#fff 1px solid;}

caption{ color:#E58324; font:0.9em bold; padding:3px 30px;}

/*--------------テープルbody部分の設定*/
.ContentsDelta tbody th {font-weight: bold; font-size:1.15em;}
.ContentsDelta tbody li{margin-left:1.7em;}*
.ContentsDelta tbody li .li_noir,.ContentsDelta tbody li {list-style: disc;}
.ContentsDelta tbody td .li_bian {list-style: circle;}
/*-------テープルbody部分の背景色　白*/
.ContentsDelta tbody tr	{background-color:#FFF;}

/*-------テープルbody部分の背景色　グレー*/
.ContentsDelta tbody th a:link, tbody th a:visited{color:#39F;text-decoration: none;}
.ContentsDelta tbody th a:hover{color:#39F;text-decoration: none;}
.ContentsDelta tbody tr td {background: #FFF;}
.ContentsDelta tbody tr.odd td,.ContentsDelta tbody .odd th,.ContentsDelta tbody td.odd,.ContentsDelta tbody th.odd{background: #f9f9f9;}
.ContentsDelta table td a:link, table td a:visited {color: #39F;text-decoration: none;}
.ContentsDelta table td a:hover {color: #50ADEA;text-decoration: none;}

/*-------テープルの枠色　*/
table.LOGinfo,.ContentsDelta .LOG thead th, .ContentsDelta .LOG tbody tr td,.LOGinfo tbody tr td,.LOGinfo tbody th,.LOGinfo thead th,.LOGinfo tfoot{border: 1px solid #FB8C01;}
table.DEVinfo,.ContentsDelta .DEV thead th, .ContentsDelta .DEV tbody tr td,.DEVinfo tbody tr td,.DEVinfo tbody th,.DEVinfo thead th,.DEVinfo tfoot{border: 1px solid #FF184F;}
.ContentsDelta .SAM thead th, .ContentsDelta .SAM tbody tr td,.SAMinfo tbody tr td,.SAMinfo tbody th,.SAMinfo thead th,.SAMinfo tfoot{border: 1px solid #005AC4;}
table th{text-align:center;}
/*-------テープル　ここまで*/

.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(../img/key.gif);}
.SAM ul.sam{padding-right:20px;list-style-image:url(../img/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(../img/bag.gif) left top no-repeat;}
.Log_func{background:url(../img/key.gif) left top no-repeat;}
.dev_func{background:url(../img/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(../../../global/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:150px;}
.sample a{padding:5px; display:block; background:#fff; margin:0 10px;border:#24A9DB 1px solid;width:200px; 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;}
.tate{width:1em;margin:auto;}
#sb_body_inner{background:#fff;}