@charset "UTF-8";
@media screen, print {


#contents_cst{
margin-left:auto;
margin-right:auto;
/*width:1024px;
	max-width:977px;*/
}

#contents_cst .cst_header{
	position:relative;
	height: 100px;
	border-top:1px solid #D7D7D7;
}

#contents_cst .cst_header a{
	position:absolute;
	 top:20px;
	 left:0;
	 width:100%;
	 height:100%;
}
#contents_cst .cst_header h1{

}
#contents_cst img.cstlogo{
	width:135px;
	float:right;
}

#cst_conte div.vleft{
	float:left;
	margin-right:50px;
	width: 200px;
}
#contents_cst  div.tab-pane{
	border:1px solid #D7D7D7;
}
#contents_cst  div.tab-pane .bk_gray{
	background-color:#fafafb;
	}
#contents_cst div.vleft .cst_left_menu{
	border-bottom:1px solid #D7D7D7;
	text-indent: 10px;
}
#cst_main td{
	vertical-align:top;
	padding-right:20px;
}

 #cst_main td div.vleft{
	margin-top:45px;

	font-size: 90%;
	min-height:400px;
	/*outline:1px solid #D7D7D7;*/

	float:none;
}


 #cst_main td div.b_line{
  outline:1px solid #D7D7D7;
 }
#contents_cst div.vleft a{
 	text-decoration: none;
 	display : block;
 	width:100%;
}
#contents_cst div.vleft a:hover{color:#878B8F;}

#contents_cst div.vright{
	float:left;
	font-size: 14px;
	width:730px;
	line-height:22px;
}

#cst_main {
	margin:25px auto;
	/*width:950px;*/
}

#cst_main h1{
	font-weight: bold;
	margin-bottom: 10px;
	color: #2a2a2a;
	width: 90%;
	padding: 0px 0px 2px 0px;
	font-size: 12pt;
	background: url("../../software/cst2013/img/subttl_bar.png") no-repeat scroll right bottom transparent;
    clear: both;
    color: #2A2A2A;
    letter-spacing: 0.01em;
}

#cst_main  p{
	text-align: left;
	line-height: 28px;
	letter-spacing:0;
	font-size:14px;
}
#cst_main .nav-tabs{border:0;}


#cst_main table a{
	display:block;
	 display: inline-block;
}

#cst_main a img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D4D4D4;
    height: 63px;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 1px;
    width: 186px;
}
#cst_main div.soft_banner{
	border:1px solid #D7D7D7;
	text-align:center;
	margin-top:40px;
}

#cst_main div.soft_banner a{
    display: block;
    text-decoration: none;
	width:auto;
	 padding:0;
	 text-align:center;
}

#cst_main div.soft_banner img{
	width:285px;
	 height: 60px;
}

#contents_cst table.cst_menu{}
#contents_cst table.cst_menu td a{
	margin:0 8px;
	font-size:80%;
}

#contents_cst  div.ttl_bk{
	background: url("../../img/indexRepeat02.gif") repeat-x scroll left 50% ;
	padding: 3px  5px;
	width:auto;
	border-bottom:1px solid #f0f0ef;
}


.ui-tabs .ui-tabs-nav{width:100%!important;}
.tabs ul {
	/*background: linear-gradient(to bottom, #fefefe 0px, #e7e7e7 100%) repeat ;
	background:#e1e2e4 ;
	*/
	width:100%;
	}
.ui-tabs .ui-tabs-nav li {margin:0;width:auto;border-top:1px solid #D7D7D7;border-right:1px solid #D7D7D7;}
.ui-tabs .ui-tabs-nav li.b_left{border-left:1px solid #D7D7D7;}
.tabs ul li {
	margin:0 0 0 5px;
}
.tabs ul li a {
	padding:7px 5px;
	font-size:12px;
	line-height:1.1em;
	border-radius:0;
	height:40px;
	}
.tabs ul li a:hover{
	background:#FFF;
	border-bottom:0;
	}

#contents_cst  h3.CST {
	border-left: 5px solid #D5201A;
  clear: both;
  color: #333;
  font-size: 20px;
	line-height: 45px;
  font-weight: bold;
  margin: 70px 0 25px 0;
  padding-left:20px;
  text-align: left;
	background-color: #F6F6F6;
}
.inBox1006 h3.CST  span{
	font-size: 1.1em;
	color: #666666;
	padding: 5px  0px;
}
#cst_conte h4.CST {font-size:17px;line-height:18px;margin:20px 0;}
#cst_conte .def_title{border-left:5px solid #D7D7D7;line-height:18px;padding-left:5px;margin-bottom:5px;
font-size:15px;
}

#contents_cst  h4.CST {
	font-size:18px;
	line-height: 40px;
	font-weight: bold;
	padding-left: 5px;
	margin:30px 0 20px 0;
	border-bottom:1px solid #D7D7D7;
	border-left:none;
	}
	#contents_cst  h4.CST span{
		float:right;
		font-weight: normal;
		padding-right:20px;
		font-size:14px;
	}
	#contents_cst  h4.CST span::after {
		clear: both;
}

#contents_cst  h5.CST {
	background-color: #F6F6F6;
	font-size:18px;
	line-height: 40px;
	font-weight: bold;
	padding-left: 15px;
	margin:0 0 25px 0;
}

#contents_cst table td{vertical-align:top;}
table.news{font-size:12px;}
table.news th { padding-left:8px;;font-weight:normal;}
table.news td {padding-bottom:0;}

table.news td{padding-left:3px; }
table.news  a.view{
	width:95%;
	background: url("../../software/cst/img/arrow-sub.png") no-repeat scroll left top;
	padding-left:10px;

}
table.news  a.view:hover {
	background: url("../../software/cst/img/arrow.png") no-repeat scroll left top;
}



table.news div.elink{	float:right;width:100px;margin-bottom:5px; }

div.cst_contact{position: absolute; left:2px; top: 460px; width: 308px;}

*:first-child+html div.cst_contact{top: 478px;}
* html div.cst_contact{top: 475px;}

/* IE  CONTACT ���g�p */
A.cta:link {
	COLOR: #fff; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.cta:visited {
	COLOR: #fff; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.cta:active {
	COLOR: #fff; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.cta:hover {
	COLOR: #fff; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.cta {
	Z-INDEX: 10; BORDER-BOTTOM: #cfd0d2 1px solid; TEXT-ALIGN: center; FILTER: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#333333'); BORDER-LEFT: #cfd0d2 1px solid; LINE-HEIGHT: 60px; MARGIN: 0px; OUTLINE-STYLE: none; WIDTH: 304px; WHITE-SPACE: nowrap; FLOAT: left; HEIGHT: 58px; COLOR: #fff; OVERFLOW: visible; BORDER-TOP: #cfd0d2 1px solid; BORDER-RIGHT: #cfd0d2 1px solid; TEXT-DECORATION: none; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-user-select: none; -webkit-user-select: none; user-select: none; border-radius: 4px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -khtml-user-select: none
}
.cta:before {
	Z-INDEX: -1; POSITION: absolute; BOTTOM: 0px; DISPLAY: block; CONTENT: ""; RIGHT: 0px; TOP: 0px; LEFT: 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px
}
.cta:hover {
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35)
}
.cta:active {
	-moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0
}
.cta-red {
	-o-transition: border-color .218s; -moz-transition: border .218s; -webkit-transition: border-color .218s; transition: border-color .218s
}
.cta-red {
	BORDER-BOTTOM: #9a300c 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ed1b23', EndColorStr='#9A300C'); BORDER-LEFT: #9a300c 1px solid; BACKGROUND: #ed1b23; BORDER-TOP: #9a300c 1px solid; BORDER-RIGHT: #9a300c 1px solid
}
/*
.cta-red:before {
	BORDER-BOTTOM: #ed1b23 1px solid; BORDER-LEFT: #ed1b23 1px solid; BORDER-TOP: #ed1b23 1px solid; BORDER-RIGHT: #ed1b23 1px solid
}*/
.cta-red:hover {
	BORDER-BOTTOM: #490000 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorStr='#C00000', EndColorStr='#ed1b23'); BORDER-LEFT: #490000 1px solid; COLOR: #fff; BORDER-TOP: #490000 1px solid; BORDER-RIGHT: #490000 1px solid
}
.cta-red:active {
	BORDER-BOTTOM: #90332b 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ef3e29', EndColorStr='#f36c4d'); BORDER-LEFT: #90332b 1px solid; COLOR: #fff; BORDER-TOP: #90332b 1px solid; BORDER-RIGHT: #90332b 1px solid
}


/* IE�ȊO CONTACT ���g�p */
.cta {
    -moz-user-select: none;
    border: 1px solid #CFD0D2;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    float: left;
    height: 58px;
    line-height: 60px;
    margin: 0;
    outline: medium none;
    overflow: visible;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 304px;
    z-index: 10;
}
.cta:before {
    border-radius: 4px 4px 4px 4px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.cta:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.cta:active {
    box-shadow: 0 0 0;
}
.cta-red {
    transition: border-color 0.218s ease 0s;
}
.cta-red {
    background: -moz-linear-gradient(center top , #ED1B23, #9A300C) repeat scroll 0 0 transparent;
    border: 1px solid #9A300C;
}
.cta-red:before {
    border: 1px solid rgba(255, 255, 255, 0.35);
}
.cta-red:hover {
    background: -moz-linear-gradient(center top , #C00000, #ED1B23) repeat scroll 0 0 transparent;
    border: 1px solid #490000;
    color: #FFFFFF;
}
.cta-red:active {
    background: -moz-linear-gradient(center top , #EF3E29, #F36C4D) repeat scroll 0 0 transparent;
    border: 1px solid #90332B;
    color: #FFFFFF;
}






#app_menu{}
#app_menu a{color: #666666;font-weight:bold;padding:2px 0;text-decoration: none;}
#app_menu a:hover {color:#000;}

#app_success {margin:0;}
#app_success #APP_SS{clear:both;padding:10px 0;color:#4e4e50;}
#app_success  #APP_SS a.title{color:#757575;font-weight:bold;padding:2px 0;text-decoration: none;  font-size: 90%;line-height: 1.2em;}
#app_success  #APP_SS a.title:hover {color:#000;}
#app_success  #APP_SS a.next {display: inline;font-size:110%}
#app_success  #APP_SS  div{font-size:80%;margin-top:5px;color:#888;width:95%;}
#app_success  #APP_SS  p{font-size:80%;}
#app_success  #APP_SS  img{width:65px;height:85px;float:left;margin:0 8px;border:1px solid #E6E6E6;}

#app_menu #APP_01{background: url("../software/img/cst/appMenu_01hs.png") no-repeat  scroll 10px 50% #fafafb; line-height:44px;padding:8px 0 8px 90px;}
#app_menu #APP_02{background: url("../software/img/cst/appMenu_02hs.png") no-repeat  scroll 10px 50% #ffffff;   line-height:44px;padding:8px 0 8px 90px;}
#app_menu #APP_03{background: url("../software/img/cst/appMenu_03hs.png") no-repeat  scroll 10px 50% #fafafb; line-height:44px;padding:8px 0 8px 90px;}
#app_menu #APP_04{background: url("../software/img/cst/appMenu_04hs.png") no-repeat  scroll 10px 50% #ffffff;   line-height:44px;padding:8px 0 8px 90px;}
#app_menu #APP_05{background: url("../software/img/cst/appMenu_05hs.png") no-repeat  scroll 10px 50% #fafafb; line-height:44px;padding:8px 0 8px 90px;}
#app_menu #APP_06{background: url("../software/img/cst/appMenu_06hs.png") no-repeat  scroll 10px 50% #ffffff;   line-height:44px;padding:8px 0 8px 90px;}

#app_menu #APP_01 a{font-size:85%;}
#app_menu #APP_02 a{font-size:85%;}
#app_menu #APP_03 a{font-size:85%;}
#app_menu #APP_04 a{font-size:85%;}
#app_menu #APP_05 a{font-size:85%;}
#app_menu #APP_06 a{font-size:85%;}

/*
#app_menu #APP_01:hover {background: url("../../img/software/appMenu_01hs_h.png") no-repeat  scroll left top #fff;}
#app_menu #APP_02:hover {background: url("../../img/software/appMenu_02hs_h.png") no-repeat  scroll left top #fff;}
#app_menu #APP_03:hover {background: url("../../img/software/appMenu_03hs_h.png") no-repeat  scroll left top #fff;}
#app_menu #APP_04:hover {background: url("../../img/software/appMenu_04hs_h.png") no-repeat  scroll left top #fff;}
#app_menu #APP_05:hover {background: url("../../img/software/appMenu_05hs_h.png") no-repeat  scroll left top #fff;}
*/



#app_menu div.product{
	padding:8px 0 8px 80px;
	line-height:44px;
	}
#app_menu div.product a{font-weight:bold;font-size:85%;}
* html  #app_menu div.product{margin:4px 0;}


#app_menu div.product a{display: inline;}
#cst_conte{
	min-height:400px;
	margin-top:70px;
}

#cst_conte h1 span.txt_right{
	float: right;
	font-weight: normal;
	font-size: 14px;
}
#cst_conte h1 span.txt_right::after{
	clear:both;
}
#cst_conte p{
	margin:10px 0;
}
#cst_conte .yep_btn .link_btn{
	background:#E6E1D1;
	}

#cst_conte h3.CST span{
	margin-left:10px;
}
.inBox1006{
	margin:0 auto;
	padding:0;
	/*
	border:1px solid #666;
	margin-top:-3px;
	*/
	padding:0px;
	text-align:left;
	display:block;
	later-spacing:2px;
	width:870px;
	max-height:none;
	height:auto;
}


/* .inBox1006 a.link_ssl{ color:#0044CC; padding-right:1.2em; margin:0 0.5em; background:url(../../img/icon/link_G.png) no-repeat right; } */
cst_conte a.link_ssl{ color:#4F81A8; padding-right:3px; margin:0; }
cst_conte a.link_Magus{
	background:url("../../software/cstimg/newsletter.jpg")  no-repeat left top;
	display:block;
	padding-left:60px;
	padding-top:8px;
	height:71px;
	width:150px;
	color:#d65013;
	font-weight:bold;
	float:right;
	margin-top:-15px;
	}
.inBox1006 p{
	text-align:left;

	letter-spacing:0.01em;
	padding:5px 0;
	width:100%;
}
.inBox1006  h1{
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
	color: #2a2a2a;
	width: 100%;
	padding: 0px 0px 2px 0px;
	font-size: 12pt;
	/*background: url("../../software/cst2013/img/subttl_bar.png") no-repeat scroll left bottom transparent;*/
    clear: both;
    color: #2A2A2A;
    letter-spacing: 0.1em;
}

#inBox h1{	background: url("../../software/cst2013/img/subttl_bar.png") no-repeat scroll left bottom transparent;}

#contents_cst img.imgR{
	margin:6px 0 0 30px;
	float:right;
}

#contents_cst  p.textL{width:auto;}
#contents_cst div.textL{width:auto;}

#contents_cst  div.cst_left_menu div{
	color:#4A4949;
	padding:5px;
	width:190px;
	font-size:14px;
	}
	#contents_cst  div.cst_left_menu #menuH{
		border-top: 1px solid #D7D7D7;line-height:55px;
		padding:0 5px;
		font-size:20px;color:#333;}

	#contents_cst  div.cst_left_menu #menuL{
		border-top: 1px solid #D7D7D7;padding:0 5px;line-height: 40px;		}
	#contents_cst  div.cst_left_menu #menuS{
		text-indent: 20px;padding:0 5px;line-height: 30px;
	}
	.cst_linkbt{
		clear:both;
		margin-top:70px;
		width:100%;
		height: 135px;
		background-color: #F6F6F6;
		text-align: center;
		padding-top:30px;
	}
	#contents_cst  .cst_linkbt_m{
		margin:30px 0 70px 0;
		width:100%;
		height: 80px;
		background-color: #F6F6F6;
		padding-left:30px;
	}
	#contents_cst  .cst_linkbt_m h3{
		font-size:16px;
		font-weight: bold;
		line-height: 24px;
		padding-top:17px;
	}
	.cst_linkbt span{
		font-size:20px;
		line-height: 28px;
	}
	 .cst_linkbt .linkbt{
		margin:20px auto;
		width:320px;
		height:40px;
	}
	.cst_linkbt .linkbt a.detailLink{
		background: url(./../img/download_icon_w.png) no-repeat 88% 50% #21b7c3;
		line-height: 30px;
		font-size:20px;
		color: #FFF !important;
    	height: 100%;
    	width: 320px!important;

    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
	}
	#contents_cst  .cst_linkbt .linkbt a.detailLink::after {
	 content: "";
  }

/*

#menuL:hover{
	background: url("../../software/cst2013/img/arrow.gif") no-repeat scroll left 50% transparent;

	}

#menuS:hover{
	background: url("../../software/cst2013/img/arrow-sub.gif") no-repeat scroll left 50% transparent;
	}
*/
#contents_cst  div.cst_left_menu div.vis a{
	font-size:14px;
	color:#878B8F;
/*
	background: url("../../software/cst2013/img/arrow.gif") no-repeat scroll left 50%;
	background-color:#fcfcfc;*/
}
/*
#contents_cst div.vleft div.cst_left_menu div.vis_sub a{
	font-size:14px;
	color:#878B8F;
	background: url("../../software/cst2013/img/arrow-sub.gif") no-repeat scroll left 50%;

}
*/
.img_txt {
    color: #333;
    font-size: 12px;
		line-height: 17px;
}

/*-------- CST */
div.table_list  img{
	width:290px;
	padding:10px 29px;
	border:1px solid #D7D7D7;
}
div.table_list .swiper-single img{
	width:100%;
	padding:0;
	}


/*
div.ytable {
	display:table;
  vertical-align: middle;
	margin-bottom:50px;
	}
	div.ytable img{
		width:290px;
		padding:10px 29px;
		border:1px solid #D7D7D7;
	}
	div.ytable .ytable_cell{
  display:table-cell;
  vertical-align: top;
	padding-left:40px;
	}
	div.img_box{
		border:1px solid #D7D7D7;
		text-align: center;
		padding:10px 5px;
		height: 255px;
		width:345px;
		}
		div.img_box img{
			width:200px;
		}
		div.img_box .img_txt{
			width:100%;
			text-align: center;
			margin: 10px 0 8px 0;
		}*/

/*-------- operate */
dl#operate dt{
	margin:5px 0 0 10px;
	width: 80%;
	border-bottom: solid 1px #cccccc;

}
dl#operate dd{
    padding: 0  0 0 1em;
    margin-left: 0em;
    width: 95%;
}

#Module_tbl td,
#Module_tbl th{vertical-align:top;}
#contents_cst #Module_tbl  ul{
	 line-height: 2em;
    margin: 0;
    width: 100%%;
		list-style-type: disc;
}
#contents_cst #Module_tbl  ul li {
 	margin-left: 20px;
	list-style-position:outside;
	 letter-spacing: 1px;
	 width:95%;
}
#contents_cst #Module_tbl  ul li  ul{
	margin:0;
	list-style-type: circle;
}

#Module_ttl{
	background:url(cst/img/MWS_m.png) no-repeat left 50%;
	padding:5px 0 5px 30px;font-size:90%;
	margin-top:10px;
}
#Module_tbl  h3.amgs{
height:40px;padding:13px 0 0 10px;
font-size:120%;font-weight:bold;
}

/*-------- workflow */
#workflow_tb th{vertical-align:top;line-height: 2em;padding-right:15px;text-align:center;}
#workflow_tb td img{width:300px;padding:0 10px;}
#workflow_tb th img{width:200px;padding:0;}
#workflow_tb th .img_txt{line-height:1.3em;}
#workflow_tb th h3{
	border-left: 8px solid #666666;
	font-size: 1.0em;
    font-weight: bold;
    margin: 1.2em 0 0.1em 0;
    padding-left: 0.5em;
    text-align: left;
    line-height: 1.05em;
    color:#333;
    }
#workflow_tb a:hover {
    border-color: #5A9033;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(41, 85, 9, 0.6);
    outline: 0 none;
}
#cst_contents h3{
	border-left: 8px solid #666666;
	font-size: 1.0em;
    font-weight: bold;
    margin: 1.5em 0 0.1em 0;
    padding-left: 0.5em;
    text-align: left;
    line-height: 1.05em;
    color:#333;
    }
#cst_contents div{
	padding-left:0.9em;
	 letter-spacing: 1px;
}
#cst_contents div h3{
 border-left: 4px double #666;
 margin:10px 0 5px 0;
}

.inBox1006  table.mlist{margin-top:30px; font-size:100%;}
.inBox1006  table.mlist a{color:#000;}
.inBox1006  table.mlist th,
.inBox1006  table.mlist td{padding:5px 3px;}
.inBox1006  table.mlist td div{color:#555;font-size:80%}
.inBox1006  table.mlist th{text-align: right; width:33px}
#contents_cst .inBox1006  table.mlist td{text-align: left;padding-left:8px;vertical-align:middle; }
/*-------- studio features*/
dl.cst_features{
	font-size:85%!important ;
	}
	dl.cst_features dt,
	dl.cst_features dd{
		line-height:1.7em;
	}
	dl.cst_features dt{
		text-indent:10px;
	}
	dl.cst_features dd{
		text-indent:15px;
}
dl.parallel {
	width:50%;
	float:left;
	}
	dl.parallel dt {
 /*
  border-top:1px dashed #C0C0C0;
  float:left;
  clear:left;*/
  margin:50px 0 15px 0;
  width:230px;
	font-size:16px;
	line-height: 24px;
	}
	dl.parallel dd {
		/*margin-left:130px;
		width:550px;
		*/
		width:98%;
	}
	dl.parallel::after {
    clear: both;
    content: ".";
    height: 0;
    visibility: hidden;
    }
    dl.parallel .linetop{
    	border-top:1px dashed #C0C0C0;
    }
}




/*-------- studio Module*/
#stModule{}
#stModule div.r_sub{
	text-align:right;
	width:93%;
	margin-top:-30px;
	margin-bottom:15px;
	font-size:90%;
	}
	#stModule div.sol_ttl{
		margin:20px 0 0 5px;
		font-weight:bold;
		color:#333;
		}
#stModule div.sol_ttl img{padding-left:5px;}
#stModule div.img_txt { margin-top:3px;}

/*---------------------------------------- CST_Overview.php?catalog */
.catalogtbl{width:100%; margin-left:auto; margin-right:auto;margin-bottom:10px;margin-top:30px;}
.catalogtbl th{font-weight:normal; font-size:1.2em; text-align:left;
	/*background:url(../../software/cstimg/catalog_bar01.png) repeat-x;*/
	/*background: url("../../software/imgt/barBg.gif") repeat-x; */
	background: url("../../imgt/button_repeatX.gif") repeat-x;
	padding-left:10px;
	font-weight:bold;
	color:#1a3c1f;
}

.shelves{
	background: url("../../catalog/image/shelf.png") no-repeat scroll left  90px #eee;
	padding:0;
	/*height: 185px;*/
	width:700px;
}
#contents .catalogTble a.detailLink{
	background:  url("../../img/download_icon_w.png") no-repeat scroll 93% 50% #21b7c3;
}

/*
.catalogTble .td02{
	letter-spacing:0.02em;
	line-height:1.2em;
	padding:5px;
	height:56px;
	margin-left:1px;
	position: relative;
}
.catalogTble .td02 div{
position: absolute; top: 50px; left:3px;
}
#contents  .catalogTble div.linkbt_s{
	width:100%;
}
*/
/*
.catalogTble .td03{
	display:block;
	padding:5px 0;
	height:56px;
	position: relative;
	background:#FFFFFF;
}


div.cst_contact{position: absolute; left:2px; top: 460px; width: 308px;}

*:first-child+html .catalogTble .td01{padding:0 5px;}
*:first-child+html .catalogTble .td02{
	display:block;
	font-size:75%;
	width:128px;
	letter-spacing:0;
	line-height:1.2em;
	padding-bottom:5px;
	padding-top:10px;
}
.catalogTble .td01 a:hover  .td02{background-color:#EEEEEE;}

.catalogTble .td01 img:hover{
position:relative;
top:-3px;
 }

.catalogTble .td02 p{padding:0;}

.catalogTble .td02 .DL_PDF{
	background:url(../../img/button_pdf.gif) no-repeat;
}

.catalogTble .td02 .DL_DGB{
	background:url(../../img/button_book_online.gif) no-repeat;
}
.catalogTble .td02 .DL_PDF:hover{border-top:1px solid #ccc; border-left:1px solid #ccc; }
.catalogTble .td02 .DL_DGB:hover{border-top:1px solid #ccc; border-left:1px solid #ccc; }
*/
/*---------------------------------------- CST_Overview.php?buyguide */
/*------------------------------------------ CST2012 cst ask company */

#qa_contents table {
	width: 700px;
	margin: 1.5em 0 0 0;
	border-collapse: collapse;
	border-spacing: 0;
}

*html #qa_contents table {
	width: 600px;
}

#qa_contents th, #qa_contents td {
	border: none;
}

#qa_contents th{
	font-weight: bold;
	color: #222222;
	text-align: center;
	background-repeat : repeat-x ;
	background-image: url(../../img/background_07repeat.png);
}

#qa_contents table #email_info{
	margin-left:1em;
}

#qa_contents table #email_info a {
	background: url("../../software/img/info_email_button.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 66px;
	width: 208px;
	text-decoration: none;
}

#qa_contents table #email_info a:hover {
	background: url("../../software/img/info_email_button_h.png") no-repeat scroll 0 0 transparent;
}

#qa_contents a {
	/*color: #4F81A8;*/
	text-decoration: none;
	line-height: 27px;
}

#qa_contents a:visited {
	/*color: #012b8b;*/
	text-decoration: none;
}

#qa_contents a:hover {
	text-decoration: underline;
}
#qa_contents a.link_btn_L {
	line-height: 20px;
	padding:10px 20px;
	text-align:left;
	width:230px;
	text-decoration: none;
}

#qa_contents a.a_letter{
	text-decoration: underline;
}

#qa_contents div.qa_box {
	margin-bottom: 3em;
}

#qa_contents div.qa_box h4.CST{
	padding-left: 0;
	margin-top:70px;
	border:none;
}
#qa_contents div.qa_box h4.ans{
	border:none;
	margin:20px 0;
}
#qa_contents div.qa_box h4 span{
	float:none;
	font-size:18px;
	font-weight: bold;
	padding:0;
}
#qa_contents div.qa_box h4 span.q_marker{}
#qa_contents div.qa_box h4 span.a_marker{color: #FF2020;}
#qa_contents div.qa_box div.ytable .img_box{
	width:343px;
	height: 160px;
	padding: 0;
}
#qa_contents div.qa_box div.ytable h4.CST{
	border:none;
	text-align: center;
	margin:20px 0 10px 0;
}
#qa_contents div.qa_box div.ytable .linkbt_linch{
	margin:10px auto 30px auto;
}
#qa_contents div.qa_box div.ytable .linkbt_linch a.detailLink{
	width:254px;
	height: 45px;
}

#qa_contents div.qa_box div.cst_linkbt_m{
	margin:20px 0;
	min-height: 80px;
	height: auto;
	width:710px;
	padding-right:20px;
}
#qa_contents div.qa_box div.cst_linkbt_m div{
	width:98%;
}
#qa_contents div.qa_box div.cst_linkbt_m .info{
	padding-bottom:20px;
	font-size:95%;
}

#qa_contents div.qa_box div.a_contents:not(:target){
	margin-left:2.7em\9;
}

*:first-child+html #qa_contents div.qa_box div.a_contents p,
*:first-child+html #qa_contents div.qa_box div.a_contents ul,
*:first-child+html #qa_contents div.qa_box div.a_contents dl{
	width: 97%;
}

#qa_contents div.qa_box ul{
	margin: .7em 0 0 0;
	list-style: none;
}

#qa_contents div.qa_box ul li{
	list-style-image: url("../../img/attention.png");
	margin-left: 1.3em;
	padding-left: -1.3em;
}

#qa_contents div.qa_box dt{
	font-weight:bold;
}

#qa_contents div.qa_box dd{
	margin: 0 0 .7em 1em;
	line-height: 1.7em;
	width:93%;
}

#qa_contents div.qa_box dd ul{
	width:98%;
}

#qa_contents div.qa_box dt span.square{
	color:#ffA5A5;
}

#qa_contents div.qa_box div.back_qa{
	text-align: right;
	margin: 0;
	font-size: .8em;
}

#qa_contents div.qa_box div#Education_img {
	margin:20px 0 0 200px;
}

*html #qa_contents div.qa_box div#Education_img {
	margin:20px 0 0 0;
}

/*------------------------------------------ CST2012 YEP */
#yep_info{
	width: 20%;
	position: absolute;
	top:270px;
	right:0;
}


#ymenu {
	display: inline-block;
	margin-left:10px;
	width: 200px;
	margin-bottom:100px;
	font-family: Georgia,tahoma;
	display: inline-block; _display: inline;
	position:absolute;
	list-style-type: none
}

#ymenu li{
	margin:0; padding:0; font-size:95%;line-height: 1.8em;color:#0044CC;
}

#ymenu div.dmenu{
	display: none;
	background :#ffffff;
	padding:10px;
	margin-top:-3px;
	font-family: Georgia,tahoma;
	width: 230px;
	font-size:90%;
	/*
	-webkit-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
	-moz-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
	box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
	*/
	-webkit-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #f8f7f7;
	border-bottom: 1px solid #eaeaea;
}

#ymenu div.dmenu a{color:#666;}

.yep_flist{width:95%; border:1px #E3E6ED solid;margin-top:50px;padding:30px 18px;}

*:first-child+html #ymenu{margin-top:-3px;}
*:first-child+html fieldset.yep_flist{width:90%; border:1px #C0C0C0 solid;margin-top:50px}

.inBox1006 dt,.inBox1006 dd{text-align:left;line-height:2em}

#inBox { margin: 10px 0  0 20px;}

#inBox h3 {
    border-left: 8px solid #666666;
    color: #333333;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5em;
    padding-left: 0.8em;
    text-align: left;
    width:80%;
}

/* news */
div.newsmore{text-align:right;	position: absolute; top:850px; width:300px;}
div.newsmore a{color: #0044CC; font-size:85%;}

.vright div.press{
	clear:both;
	padding:3px 0;
	margin-bottom:10px;
/*	border-bottom:1px dotted #C0C0C0;*/
	}
	.vright div.press p{
		line-height: 1.5em;
	}
	.vright div.press .days{
		font-size: 90%;
		width:110px;
		float:left;
		line-height: 1.2em;
		}
	.vright div.press .title{
		font-size: 100%;
		line-height: 1.2em;
		width:620px;
		float:left;
		}
	.vright div.press .subinfo{
		color: #888;
    	font-size: 80%;
    	 padding:0 5px 5px 5px;
	}
	.vright div.press table{
		width:30%;
		float:right;
		margin-right:20px;
		}
	.vright div.press th{
		color: #888;
    	font-size: 75%;
	}
	.vright div.press td{
		text-align:center;
	}
	.vright div.press  a{color:#0044CC;}
.vright div.newsLine{margin-left:93px;padding:3px}
.vright div.newsLine p{ width:83%; padding-left:0;}
.vright div.newsLine ul{width:83%;}
.vright div.newsLine li{
	letter-spacing: 1px;
    line-height: 2em;
	list-style-position:inside;
}

/* seminar */
.vright div.seminar_bt{text-align:right; width:95%;}
.vright div.seminar_bt img{padding-right:25px;}
.vright dl.tranig_dl{width:98%;padding:5px;}





















 .wsC {
	    background: url("../event/img/ws_c.png") no-repeat scroll left 50% transparent;
	    padding:1px 0px 1px 80px;
    }
    .wsU {
	    background: url("../event/img/ws_u.png") no-repeat scroll left 50% transparent;
	    padding:1px 0px 1px 80px;
    }
    .wsE {
	    background: url("../event/img/ws_e.png") no-repeat scroll left 50% transparent;
	    padding:1px 0px 1px 80px;
    }
    .wsF {
	    background: url("../event/img/ws_f.png") no-repeat scroll left 50% transparent;
	    padding:1px 0px 1px 80px;
    }
    .wsW {
	    background: url("../event/img/ws_w.png") no-repeat scroll left 50% transparent;
	   padding:1px 0px 1px 80px;
    }
.ui-tabs .ui-tabs-nav{padding:0;}
.ui-tabs {padding:0;margin:0;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
    border-top-right-radius:0px;
    border:0;
}
.ui-widget-header { background: none; color: #222222; font-weight: bold;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{ border-bottom-right-radius: 0;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{  border-bottom-left-radius: 0;}
.ui-widget-content {border:none;}
.ui-tabs .ui-tabs-panel {
	border: 1px solid #D7D7D7; width:100%;
	border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-top-left-radius:0;
	padding:0;
	}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:none;}

	}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
		border: 1px solid #999999;
		background:url(./../css/event/custom-theme/images/tab_bar.png) repeat-x scroll 50% 50% #fff;
		}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border:none;
	margin:0 !important;
	border-right:1px solid #D7D7D7;
	background:url(./../css/event/custom-theme/images/tab_bar.png) repeat-x scroll 50% 50% #fff;
	font-weight: normal;
}
.ui-state-hover a, .ui-state-hover a:hover { color: #698b46; }
/*
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: 1px solid #D7D7D7; }
*/
.ui-state-active a,.ui-state-active a:link, .ui-state-active a:visited {
    font-weight: normal;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background:#fff;}

.ui-state-active a, .ui-widget-content .ui-state-active a, .ui-widget-header .ui-state-active a{   font-weight: bold; font-size:0.8em;}
.ui-tabs .ui-tabs-nav li a.middle,
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #666;
	font-size:85%; padding:0 5px;
	line-height:40px;
}
/* -------------------- */
/* ▼CSTメニューバー
/* -------------------- */
ul.cstmenu {
	margin-bottom:25px;
	width:100%;
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.cstmenu li {
   width: 190px;
   display: inline-block; /* ★横並びに配置する */
   list-style-type: none; /* ★リストの先頭記号を消す */
   position: relative;    /* ★サブメニュー表示の基準位置にする */
}
ul.cstmenu a {
   background-color: #cc0000; /* メニュー項目の背景色(濃い赤色) */
   color: white;              /* メニュー項目の文字色(白色) */
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★項目内全域をリンク可能にする */
}
ul.cstmenu a:hover {
   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.cstmenu li:hover ul {
   display: block;      /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}

/* -------------------- */
/* CSTサブメニュー
/* -------------------- */
ul.cstmenu ul {
   margin: 0px;
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
   display: none;       /* ★標準では非表示にする */
   position: absolute;  /* ★絶対配置にする */
}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
ul.cstmenu ul li {
   width: 135px;               /* サブメニュー1項目の横幅(135px) */
   border-top: 1px solid pink; /* 項目上側の枠線(ピンク色で1pxの実線) */
}
ul.cstmenu ul li a {
   line-height: 35px;     /* サブメニュー1項目の高さ(35px) */
   text-align: left;      /* 文字列の配置(左寄せ) */
   padding-left: 5px;     /* 文字列前方の余白(5px) */
   font-weight: normal;   /* 太字にはしない */
}
ul.cstmenu ul li a:hover {
   background-color: #ffff80; /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
   color: #005500;            /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
}



/**
 * menu
 */
 #contents_cst ul{
	list-style:none;
 }
  #contents_cst ul.disc{
	list-style-type: disc;
	margin-left:20px;
 }
.menu {
	position: relative;
	width: 980px;
	height: 35px;
	margin: 0 auto;
	border-left:1px solid #D7D7D7;

	}

.menu > li {
	float: left;
	width:163px;
	height:35px;
	line-height:35px;
	/*border-top:1px solid #D7D7D7;
	border-bottom:1px solid #D7D7D7;
	border-right:1px solid #D7D7D7;
	/*background: rgb(29, 33, 19);*/
	text-align:center;
}
.menu li{
	/*background-color: rgba( 255, 255, 255, 0.85 );*/
	background-color:#FFF;
	font-size:14px;
	list-style-type: none;
}
.menu > li a{
	/*outline:1px solid #D7D7D7;*/
	border-right:1px solid #D7D7D7;
	border-top:1px solid #D7D7D7;
	border-bottom:1px solid #D7D7D7;
	line-height:35px;
	display:block;
	width:163px;
}
.menu > li a:hover {
	/*color: #000;*/
}

.menu__none:hover,
.menu__multi:hover,
.menu__mega:hover,
.menu__single:hover {
  -webkit-transition: .2s ease;
  transition: .2s ease;
}

/*
.menu > li ul li {
	width:238px;
}
.menu > li ul li a{
	line-height:38px;
	width:208px;
}

*/
.menu__second-level{
	/*border-top:1px solid #D7D7D7;*/
}

.menu__third-level {
	/*border-top:1px solid #D7D7D7;*/
}
.menu__third-level li {
  /*border-top: 1px solid #111;*/
}

.menu__second-level li:hover {
  background: #F6F6F6;
}

.menu__third-level li:hover {
  background: #F6F6F6;
}
.menu__fourth-level{
	/*border-top:1px solid #D7D7D7;*/
}
.menu__fourth-level li:hover {
  background: #F6F6F6;
}
*/
.init-bottom:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0 0 15px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu:before,
.menu:after {
  content: "";
  display: table;
}

.menu:after {
  clear: both;
}

.menu {
  *zoom: 1;
}





/**
 * multi menu
 */
.menu > .menu__multi {
  position: relative;
}

.menu__multi .menu__second-level {
  position: absolute;
  top: 35px;
/*
  width: 238px;
*/
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
 -webkit-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);

}
.menu__multi .menu__second-level a{


}


.menu__multi:hover .menu__second-level {
  top:36px;
  visibility: visible;
  opacity: 1;

}

.menu__multi .menu__second-level li {
  position: relative;
  height:38px;
  line-height:38px;
}

.menu__multi .menu__second-level li a{
  line-height:38px;
}
/*
.menu__multi .menu__second-level li:hover {
  background: #111;
}
*/
.menu__multi .menu__second-level li .menu__third-level {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  /*background: #111;*/
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
 -webkit-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.2);
 box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
}

.menu__multi .menu__second-level li:hover .menu__third-level {
  visibility: visible;
  opacity: 1;
}

.menu__multi .menu__second-level li .menu__third-level li {
  position: relative;
}

.menu__multi .menu__second-level li .menu__third-level li:hover {
 /* background: #2a1f1f;*/
}

.menu__multi .menu__second-level li .menu__third-level li .menu__fourth-level {
  position: absolute;
  top: -1px;
  left: 100%;
  width: 100%;
  /*background: #2a1f1f;*/
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
}

.menu__multi .menu__second-level li .menu__third-level li:hover .menu__fourth-level {
  visibility: visible;
  opacity: 1;
}

.init-right:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  float:right;
  margin: 16px 20px 0 0;
  border-right: 1px solid #666;
  border-top: 1px solid #666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media only screen and (max-width: 991px) {
	.menu{width:100%;}
	 .menu li,
	 .menu li>a{width:149px;}
	 #cst_conte .inBox1006{width:100%;}
	 .left_menu .vis a{border:none;}
	}

@media only screen and (max-width:640px){
	 .menu li{float:left;}
	}

@media only screen and (max-width: 480px) {
	#contents_cst img.cstlogo{margin-top:0px;}
}
}