/***********************************************/
/* steady.css                            	   */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	background:#CCC;
 	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

a:hover {
	text-decoration: underline;
}
/*  画像リンクボーダー  設定                   */
img {border:none; background:none;}

/*  font color  設定                           */
.style1 {color: #FF0000}
.style2 {color: #BA0000; font-size:120%;}
.style3 {font:bold; font-size:120%;}
.style4 {color: #BA0000; font-weight: bold; font-size:120%;}

/***********************************************/
/* Font styles                                 */
/***********************************************/ 
h1, h2, h3, h4, h5, h6, p{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	padding:2px;
	margin:0px;
}

h1{
 font-size:24px;
 color: #333366;
}

h2{
 font-size:20px;
}

h3{
 font-size:16px;
}

h4{
 font-size:13px;
}

h5{
 font-size:12px;
}

p{
 font-size:12px;
}

/***********************************************/
/* List styles                                 */
/***********************************************/ 
ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}
/***********************************************/
/* table styles                                */
/***********************************************/ 
table{
    border-spacing:0px; 
    empty-cells:show;
}
td{
    border:#808080 1px solid;
    text-align:left;
	padding:5px;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#masthead{
	margin: 0px;
	padding: 10px 0px;
	background: #FFFFFF url(./image/head_3.gif) no-repeat;
	width: 750px;
	height: 65px;
}
/***********************************************/
/************* #globalNav styles ***************/
/***********************************************/
#globalNav{
	color: #1853A2;
	padding: 45px 0px 0px 10px;
	margin:0px;
	white-space: nowrap;
	font-size: 13px;
}
/* white-space: nowrap 連続する空白類文字をひとつの
半角スペースにまとめ、行内容を折り返さない  */

#globalNav img{
	position: absolute;
	top: 10px;
	left:600px;
}

#globalNav a {
	font-size: 13px;
	color: #1853A2;
	background: url(./image/arrow.gif) left center no-repeat;
	font-weight: 700;
	padding: 2px 0px 0px 12px;
	text-decoration: none;
}
#globalNav a:hover{
	color: #EDB329;
}

/***********************************************/
/************* #maincont styles ****************/
/***********************************************/
#maincont{
	background:#FFF;
    float:top;
	width:750px;
}

/***********************************************/
/************* #content styles *****************/
/***********************************************/
#content{
	background:#FFF;
    float:right;
	width: 565px;
	padding:10px;
}

#content a {
	text-decoration: none;
}

/************** .steady "in content" styles ***************/
.steady{
	float:right;
	background: url(./image/topics.jpg) right top no-repeat;
	width:565px;
	height:308px;
}
.steady ul{
	width:280px;
 	list-style-type:none;
	padding-top:23px;
	margin-top:10px;
	color:#1853A2;
}
.steady li{
	padding:5px;
	border-top:#61A9C6 1px solid;
	font-size:16px;
}

.steady a {
	padding:0px;
	color: #FFFFFF;
 	font-size:16px;
	font-weight:700;
}
.steady a:hover{
	color: #EDB329;
}

/************** .topics "in content" styles ***************/
.topics{
	padding:0px;
	margin:0px;
 	font-size:13px;
}
.topics ul{
	position: absolute;
	top: 280px;
	left:230px;
	width:410px;
	color:#000;
}
.topics img{ float:right; }

/***********************************************/
/************* #subconts styles ****************/
/***********************************************/
#subconts{
	border-left:#CCCCCC  1px solid;
	border-right:#CCCCCC  1px solid;
	border-bottom:#CCCCCC  1px solid;
	padding:10px;
}
#subconts1 {padding:10px; border-bottom:#CCCCCC  1px solid;}
#subconts2 {padding:10px;}

.line_d2 {border-bottom:2px dotted #CCC;}
.line_d3 {border-bottom:2px dotted #CCC; border-top:2px dotted #CCC;}

.line_d4 {background:#CCC;}

/************** .icons "in subconts" styles ***************/
.icons{
	clear: both;
	width:100%;
	height:80px;
	border-bottom:#CCCCCC  1px solid;
	padding-bottom:10px;
}

/************** .feature "in subconts" styles ***************/
.feature{
	clear: both;
	width:100%;
	background:#FFF;
}

.feature img{
    float:left;
	padding:0 10px 0px 0px;
}
.feature img.prod{
    float:right;
	padding:10px 20px 0px 0px;
}

.feature ul{
	list-style-type: none;
	padding:5px;
	margin:5px;
}
.feature li{font-size:12px;}

.feature table{
    border-spacing:0px;  
    empty-cells:show;
	padding:0px;
	margin-bottom:10px;
}

.feature td{
    border:#808080 1px solid;
    text-align:top;
	font-size:12px;
}
.feature p{
 	padding:5px 15px 5px 15px;
	font-size:12px;
}
.feature a {
	background: url(./image/arrow.gif) left center no-repeat;
	padding: 2px 0px 2px 16px;
	margin-left: 2px;
	color: #1853A2;
}

/************** .feature H3 special styles ***************/
.feature h3.pad10{padding-top:10px;}

.feature h3.zeni{
	margin: 20px 0 0 0px;
	padding: 3px 0px 10px 15px;
	background: url("image/h2_back_w430h30.gif") no-repeat top left #FFF;
	color:#ffffff;
}
/************** .feature H4 special styles ***************/
.feature h4 {	
  padding: 4px 0px 4px 5px;
  font-size: 13px;
  font-weight: 700;
  border-bottom:2px dotted #CCC ;
}
.feature h4.red {	
  color:#BA0000;
}
.feature h4.blue {	
  color:#1853A2;
}
.feature h4.yellow {	
  color:#ff9933;
}
/***************************************/
/*  EDA ZENI用 Original 設定           */
/***************************************/
.feature td.zeni-t1{
	border-style:none none solid none;
}
.feature td.zeni{
	width:140px;
	border-style:none none none solid;
    text-align:center;
	background: #63A9CE; 
 	color: #FFFFFF;
	font-size:14px;
	font-weight:bold;
}
.feature td.zeni-l1{
	border-style:none none solid solid;
}
.feature td.zeni-r1{
	border-style:none solid none none;
	font-size:14px;
	color:#1853A2;
	background: #cccccc; 
	font-weight:bold;
}
.feature td.zeni-r2{
	border-style:none solid solid none;
	vertical-align:top;
	font-size:12px;
}
/***************************************/
/*  Shuttle 用 Original 設定           */
/***************************************/
.feature ul.dist {
	clear: both;
	background: url("image/shuttle_flow2.gif") no-repeat bottom left #FFF;
	height:390px;
	list-style: none;
	margin: 0px 0 0 10px; 
	padding: 0px 10px 0px 120px;
}
.feature p.shuttle {
  	font-size: 100%;
  	color:#FFF;
  	height:30px;
  	background: url("image/p_back_blue.gif") no-repeat top left #FFF;
  	padding: 7px 10px 0px 5px;
}

/***************************************/
/*       TD Original 設定              */
/***************************************/
.feature td.head{
    text-align:center;
	background: #63A9CE; 
 	color: #FFFFFF;
	font-weight:bold;
}
.feature td.pkg{
    text-align:center;
    padding:5px 5px 0px 5px;
 	font: bold 120% Arial,sans-serif;
}
.feature td.pkg1{
    text-align:center;
 	font: bold 14px Arial,sans-serif;
}
.feature td.pkg2{
    text-align:center;
	border-style:none;
 	font: bold 14px Arial,sans-serif;
}

/************** .assy "in subconts" styles ***************/
.assy{
	clear: both;
	width:100%;
}

.assy img{
    float:left;
	padding-right:10px;
}

.assy ul.t1{
 	list-style-type: disc;
	padding-left:15px;
	margin:15px;
}
.assy ul.t2{
 	list-style-type: decimal;
	padding-left:15px;
	margin:15px;
}

.assy li{font-size:12px;}

.assy table{
    border-spacing:0px;  
    empty-cells:show;
	padding:0px;
}

.assy td{
    border:#808080 1px solid;
    text-align:top;
	font-size:12px;
}
.assy p{
 	padding:5px 15px 5px 15px;
	font-size:12px;
}
.assy a {
	background: url(./image/arrow.gif) left center no-repeat;
	padding: 2px 0px 2px 16px;
	margin-left: 2px;
	color: #1853A2;
}

/************** .shuttle "in subconts" styles ***************/
.shuttle{
	clear: both;
	background: url(./image/shuttle_2.gif) right center no-repeat;
	width:100%;
}
.shuttle td{
    border:#808080 1px solid;
    text-align:top;
	font-size:12px;
}
.shuttle td.head{
    text-align:center;
	background: #63A9CE; 
 	color: #FFFFFF;
	font-weight:bold;
	font-size:12px;
}
.shuttle table{
    border-spacing:0px;  
    empty-cells:show;
	padding:0px;
	margin:10px 0 10px 0;
}

/***********************************************/
/************* #navBar styles ******************/
/***********************************************/
#navBar{
	position: absolute;
    float:left;
	width: 144px;
	padding-left: 5px;
	background: #FFFFFF url(./image/link_bg.gif) repeat-y left;
}

#sectionLinks{
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
#sectionLinks ul {list-style: none; margin: 0; padding: 0;}
#sectionLinks h3 {margin: 0; padding: 10px 10px 0px 10px;}
#sectionLinks a {
	width: 100%;
	background: url(./image/arrow.gif) left center no-repeat;
	padding: 2px 0px 2px 16px;
	border-top: 1px solid #63A9CE;
	color: #1853A2;
	text-decoration: none;
	display: block;
}
#sectionLinks a:hover{
	background-color: #eee;
	color: #EDB329;
}

#advert {
	padding-top:20px;
	font-size:10px;
}
#advert a {
	width: 100%;
	background: url(./image/arrow.gif) left center no-repeat;
	padding: 2px 0px 2px 16px;
	color: #1853A2;
	text-decoration: none;
}
/***********************************************/
/************* #siteInfo styles ****************/
/***********************************************/
#siteInfo{
	clear: both;
    float:left;
	width: 730px;
	background: #FFFFFF url(./image/link_bg.gif) repeat-y left;
	padding:10px;
	font-size:11px;
	color: #cccccc;
	white-space: nowrap;
}
#siteInfo a {
	background: url(./image/arrow.gif) left center no-repeat;
	padding: 0px 2px 2px 16px;
	color: #1853A2;
	text-decoration: none;
}

/***********************************************/
/* Divs Height                                 */
/***********************************************/
.h70  {height:70px;}
.h80  {height:80px;}
.h120 {height:120px;}
.h150 {height:150px;}
.h700 {height:700px;}
.h800 {height:800px;}
.h900 {height:900px;}
.h1000 {height:1000px;}
.h1100 {height:1100px;}
.h1200 {height:1200px;}
.h1300 {height:1300px;}
.h1400 {height:1400px;}
.h1500 {height:1500px;}
.h1600 {height:1600px;}
.h1700 {height:1700px;}
.h1800 {height:1800px;}
.h1900 {height:1900px;}
.h2000 {height:2000px;}