/* CSS Document */
@charset "utf-8";
@import "cts.css";

/*---------------- Main -----------------------------*/


/*------------------------------------------------left--------------------*/



#top_title img {
	border-style : none;
	padding-top : 0px;
	padding-bottom : 10px;
}


#top_title ul{
	padding-left : 40px;
	padding-top : 0px;
	width : 600px;
}

#top_title ul li{
	float : left;
	font-size : 0;
	line-height : 0;
}

#top_title ul li a{
	display : block;
	padding : 0 0 0 7px;
	margin-left : 15px;
	background : url(../images/arrow.gif) 0 7px no-repeat;
	font : normal 12px/18px 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka',Verdana, Arial, Helvetica,'MS P Gothic','ＭＳ Ｐゴシック',sans-serif;
	color : #000000;
	background-color : inherit;
	text-decoration : none;
}

#top_title ul li a:hover{
	background-color : #008000;
	text-decoration : none;
	color : #fff;
}

#navi_link {
	width : 550px;
	height : 18px;
	margin-left : 5px;
	padding-top : 17px;
	font-size : 12px;
}

#navi_link a {
	text-decoration : none;
}

#navi_link a:hover{
	text-decoration : underline;
}

#navi_link p span{
	color : #ff0000;
}


#left h2.le{
	margin : 20px 0 20px 0;
}

#left p.height_sp{
	height : 27px;
}

#soft_box {
	width : 650px;
}


#soft_box p.boxtxt {
	font-size : 12px;
	color : #000000;
	padding-left : 5px;
	font-weight : normal;
}

#soft_box p.boxtxt span{
	font-size : 16px;
	font-weight : bold;
/*	color : #9D0303;*/
}


#soft_left {
	float : left;
	height :120px;
	width : 90px;
	text-align : center;
	vertical-align: middle;
}

#soft_left img {
	padding-top : 8px;
	padding-left : 10px;
	border-style : none;
}

#soft_right {
	float : left;
	height : 100%;
	width : 540px;
}



#soft_right p.boxtxt_cap {
	padding-left : 30px;
	padding-top : 5px;
	font-size : 12px;
	font-weight : normal;
}

#soft_right p.boxtxt_cap strong{
	font-weight : normal;
}


#solution_right {
	float : left;
	height : 100%;
	width : 540px;
	padding-bottom : 30px;
}



#solution_right p.boxtxt_cap {
	padding-left : 70px;
	padding-top : 15px;
	font-size : 12px;
	font-weight : normal;
}

#solution_right p.boxtxt_cap strong{
	font-weight : normal;
}


#soft_process {
	width : 610px;
}

#soft_process img {
	padding-top : 15px;
	padding-left : 10px;
}

#soft_process p.boxtxt_prs {
	padding-left : 100px;
	padding-top : 0px;
	font-size : 12px;
	font-weight : normal;
	padding-bottom : 0;
}

#soft_process p.boxtxt_prs_end {
	padding-left : 100px;
	padding-top : 0px;
	font-size : 12px;
	font-weight : normal;
	padding-bottom : 15px;
}


#soft_box p.prs_title {
	font-size : 12px;
	color : #9D0303;
	padding-left : 5px;
	font-weight : normal;
}

#soft_box p.prs_title span{
	font-size : 14px;
	font-weight : bold;
/*	color : #9D0303;*/
}


#process_link {
	font-size : 11px;
	padding-top : 10px;
	padding-left : 30px;
	padding-bottom : 5px;
}

#process_link a {
	text-decoration : none;
	font-weight : normal;
}

#process_link a:hover{
	text-decoration : underline;
}


#solution_right .process_link {
	font-size : 11px;
	padding-top : 10px;
	padding-left : 70px;
	padding-bottom : 5px;
}

#solution_right .process_link a {
	text-decoration : none;
	font-weight : normal;
}

#solution_right .process_link a:hover{
	text-decoration : underline;
}



/* ViewletBuilder About Other */

#vb03-tb01 { float: left; width: 180px; height: 43px; background: url("../software/images/about_other01.jpg") repeat-y; padding: 3px 10px 0px 25px; margin-left:3px; }
#vb03-tb02 { float: left; width: 180px; height: 43px; background: url("../software/images/about_other02.jpg") repeat-y; padding: 3px 10px 0px 25px; margin: 0px 1px; }
#vb03-tb03 { float: left; width: 180px; height: 43px; background: url("../software/images/about_other03.jpg") repeat-y; padding: 3px 10px 0px 25px; }
#vb03-tb04 { float: left; width: 180px; height: 43px; background: url("../software/images/about_other04.jpg") repeat-y; padding: 3px 10px 0px 25px; margin-left:3px; }
#vb03-tb05 { float: left; width: 180px; height: 43px; background: url("../software/images/about_other05.jpg") repeat-y; padding: 3px 10px 0px 25px; margin: 0px 1px; }
#vb03-tb06 { float: left; width: 180px; height: 43px; background: url("../software/images/about_other06.jpg") repeat-y; padding: 3px 10px 0px 25px; }
#vb03-tb07 { float: left; width: 180px; height: 43px; background: url("../software/images/about_other07.jpg") repeat-y; padding: 3px 10px 0px 25px; margin-left:3px; }
#vb03-tb08 { float: left; width: 180px; height: 43px; background: url("../software/images/about_other08.jpg") repeat-y; padding: 3px 10px 0px 25px; margin: 0px 1px; }
#vb03-tb09 { float: left; width: 180px; height: 43px; background: url("../software/images/about_other09.jpg") repeat-y; padding: 3px 10px 0px 25px; }
#vb03-tb10 { float: left; width: 180px; height: 43px; background: url("../software/images/about_other10.jpg") repeat-y; padding: 3px 10px 0px 25px; margin-left:3px; }
#vb03-tb11 { float: left; width: 180px; height: 43px; background: url("../software/images/about_other11.jpg") repeat-y; padding: 3px 10px 0px 25px; margin: 0px 1px; }
#vb03-tb12 { float: left; width: 180px; height: 43px; background: url("../software/images/about_other12.jpg") repeat-y; padding: 3px 10px 0px 25px; }


p.vb_other {
	padding-left : 30px;
	padding-top : 5px;
	font-size : 12px;
	font-weight : normal;
}

p.vb_system {
	padding-left : 5px;
	padding-top : 5px;
	font-size : 12px;
	font-weight : normal;
}

p.vb_system span{
	font-size : 11px;
	color :#ff0000 ;
	font-weight : normal;
}

p.vb_system strong{
	font-weight : normal;
}

p.vb_trial {
	padding-left : 5px;
	padding-top : 0px;
	font-size : 12px;
	font-weight : normal;
}

p.vb_trial span{
	font-size : 11px;
	color :#ff0000 ;
	font-weight : normal;
}

p.vb_trial strong{
	font-weight : normal;
}



#vb_02_box {
	padding-left : 4px;
	padding-top : 10px;
}

.vb02-padding { padding: 0px 0px 0px 10px; }

#vb02-tb01 { float: left; width: 418px; }

#vb02-tb02 { float: left; width: 228px; }


.vc02-padding { padding: 0px 0px 0px 10px; }
#vc02-tb01 { float: left; width: 418px; }
#vc02-tb02 { float: left; width: 228px; }


p.buy_card {
	padding-left : 5px;
	padding-bottom : 10px;
	color : #000000;
	font-size : 12px;
	font-weight: normal;
}


#buy_products {
	width : 100%;
}

.buy_box_lic {
	float : left;
	width : 90px;
	padding-left : 15px;
	padding-top : 2px;
	padding-bottom : 10px;
	vertical-align: middle;
}

p.buy_box_lic {
	font-size : 14px;
	font-weight : normal;
}

p.buy_box_lic span {
	color : #ff0000;
	font-size : 16px;
}

.buy_box_price {
	float : left;
	width : 250px;
	padding-top : 0px;
	vertical-align: middle;
	text-align : right ;
}

p.buy_box_price {
	font-size : 22px;
	font-weight : normal;
}

p.buy_box_price span{
	font-size : 11px;
}



.buy_box_lic_ac {
	float : left;
	width : 90px;
	padding-left : 85px;
	padding-top : 2px;
	padding-bottom : 10px;
	vertical-align: middle;
}


p.buy_box_lic_ac {
	font-size : 14px;
	font-weight : normal;
}

p.buy_box_lic_ac span {
	color : #ff0000;
	font-size : 16px;
}


.buy_box_price_ac {
	float : left;
	width : 250px;
	padding-top : 0px;
	padding-left : 40px;
	vertical-align: middle;
	text-align : right ;
}

p.buy_box_price_ac {
	font-size : 22px;
	font-weight : normal;
}

p.buy_box_price_ac span{
	font-size : 11px;
}


ol.ac {
	padding-left : 50px;
	padding-top : 0px;
	list-style-type: disc;
	font-size : 12px;
	line-height : 1.5;
}

ol.ac li{
	font-weight : normal;
	font-size : 12px;
}

ol.ac li span{
	font-weight : normal;
	font-size : 12px;
	color : #9D0303;
}





.buy_box_submit {
	float : left;
	width : 180px;
	text-align : right;
}

p.buy_puroducts_bar {
	font-size : 12px;
	font-weight : normal;
	padding-left : 30px;
}	

p.buy_puroducts_bar span{
	color : #ff0000;
	font-weight : bold;
}	

p.buy_puroducts_bar_02{
	color : #ff0000;
	font-size : 11px;
	font-weight : normal;
	padding-left : 30px;
}	


/*------------------------------------------------title sub--------------------*/

#top_title_sub {
	width : 650px;
	height : 155px;
	margin-bottom : 0px;
	background-color : #ffffff;
}

#top_title_sub img {
	border-style : none;
	padding-bottom : 10px;
}


#top_title_sub ul{
	padding-left : 40px;
	padding-top : 0px;
	width : 600px;
}

#top_title_sub ul li{
	float : left;
	font-size : 0;
	line-height : 0;
}

#top_title_sub ul li a{
	display : block;
	padding : 0 0 0 7px;
	margin-left : 15px;
	background : url(../images/arrow.gif) 0 7px no-repeat;
	font : normal 12px/18px 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka',Verdana, Arial, Helvetica,'MS P Gothic','ＭＳ Ｐゴシック',sans-serif;
	color : #000000;
	background-color : inherit;
	text-decoration : none;
}

#top_title_sub ul li a:hover{
	background-color : #008000;
	text-decoration : none;
	color : #fff;
}

#soft_box .prof {
	padding-left : 80px;
	padding-top : 3px;
}

#soft_box .sig {
	padding-left :490px;
	padding-top : 0px;
}


p.prof {
	font-size : 12px;
	font-weight : normal;
}

p.prof strong{
	font-weight : normal;
}





#soft_box .manual {
	float : left;
	width : 70px;
	padding-top : 30px;
	padding-left : 40px;
	vertical-align: middle;
}

#soft_box .manual p{
	font-size : 12px;
	font-weight : normal;
}

#soft_box .manual p.number{
	font-size : 12px;
	font-weight : normal;
}

#soft_box .manual p.number span{
	font-size : 16px;
	font-weight : normal;
	color : #ff0000;
}



#soft_box .manual_price {
	float : left;
	width : 400px;
	padding-top : 20px;
	padding-left : 20px;
	vertical-align: middle;
}

#soft_box .manual_price p{
	font-size : 12px;
	font-weight : normal;
}

#soft_box .manual_price p.number{
	font-size : 28px;
	font-weight : normal;
}

#soft_box .manual_price p.number span{
	font-size : 12px;
	font-weight : normal;
}



#soft_box .manual_cap {
	padding-top : 10px;
	padding-left : 130px;
}

#soft_box .manual_cap p{
	font-size : 12px;
	font-weight : normal;
}

#soft_box .manual_cap p span{
	font-size : 14px;
	font-weight : bold;
	color : #008000;
}



#soft_box .manual_inquiry {
	padding-top : 10px;
	padding-left : 140px;
	width : 284px;
	height : 44px;
}


p.merit {
	font-size : 16px;
	font-weight : bold;
}


#check {
	float : left;
	width : 34px;
	height : 30px;
	background : url(../solution/images/check01.png) no-repeat left;
	padding-top : 10px;
	margin-left : 30px;
}

#check_cap {
	float : left;
	width : 500px;
	padding-top : 15px;
	padding-left : 10px;
}

#check_cap p {
	font-size : 14px;
	color : #555555;
}

#check_cap p strong{
	font-weight : normal;
}


#soft_box .users_ttl {
	padding-left : 5px;
	padding-bottom : 5px;
}


#soft_box p.users_ttl {
	color : #9D0303;
	padding-top : 5px;
	padding-left : 25px;
	font-size : 12px;
	font-weight : bold;
}


#soft_box .narrator00 {
	float : left;
	width : 220px;
	padding-top : 5px;
	padding-left : 10px;
	padding-bottom : 10px;
}

#soft_box .narrator00_sub {
	float : left;
	width : 400px;
	padding-top : 0px;
	padding-left : 10px;
	padding-bottom : 10px;
}


#soft_box .narrator01 {
	padding-top : 5px;
	padding-left : 10px;
	padding-bottom : 10px;
}

#soft_box .narrator00 p {
	font-size : 12px;
	font-weight : normal;
}


#soft_box .narrator01 p {
	font-size : 12px;
	font-weight : normal;
}

#soft_box .sample {
	float : left;
	width : 190px;
	padding-left : 20px;
}

#soft_box .sample p {
	font-weight : normal;
	font-size : 12px;
}

#soft_box .sample p span {
	font-weight : bold;
	font-size : 14px;
	color : #ff0000;
}

#soft_box .sample p span.ttl {
	font-weight : normal;
	font-size : 12px;
	color : #ff0000;
}


p.svp_srv {
	padding-left : 5px;
	padding-top : 3px;
	font-size : 14px;
	font-weight : bold;
}

p.svp_prs {
	padding-left : 5px;
	padding-top : 3px;
	font-size : 10px;
	font-weight : normal;
}


p.svp_prs span{
	font-size : 18px;
	color :#ff0000 ;
}

p.svp_srv strong{
	font-weight : normal;
}

#svp_left {
	float : left;
	height :120px;
	width : 165px;
	text-align : center;
	vertical-align: middle;
	padding-left : 0px;
	padding-top : 22px;
}

#svp_right01 {
	float : left;
	height : 100%;
	width : 245px;
	padding-top : 15px;
}

#svp_right01 p.boxtxt_cap {
	padding-left : 10px;
	padding-top : 5px;
	font-size : 12px;
	font-weight : normal;
}

#svp_right01 p.boxtxt_cap strong{
	font-weight : normal;
}


#svp_right02 {
	float : left;
	height : 100%;
	width : 240px;
	padding-top : 15px;
}

#svp_right02 p.boxtxt_cap {
	padding-left : 10px;
	padding-top : 5px;
	font-size : 12px;
	font-weight : normal;
}

#svp_right02 p.boxtxt_cap strong{
	font-weight : normal;
}


#dvd_left {
	float : left;
	width : 300px;
	height : 100%;
}

#dvd_right {
	float : left;
	width : 300px;
	height : 100%;
	padding-left : 30px;
}


#dvd_user {
	width : 600px;
	padding-left : 10px;
}


#dvd_user .left {
	float : left;
	width : 70px;
	height : 100%;
}

#dvd_user .right {
	float : left;
	width : 400px;
	height : 100%;
	padding-top : 7px;
	padding-left : 5px;
}

#dvd_contents {
	width : 600px;
	padding : 0px;
}

#dvd_contents p{
	font-size : 12px;
	font-weight : normal;
}

#dvd_contents p span{
	font-size : 14px;
	font-weight : bold;
	color : #000000;
}


#dvd_contents ol{
	padding-left : 40px;
	padding-top : 0px;
	list-style-type: decimal;
	width : 580px;
	font-size : 12px;
	line-height : 1.5;
}

#dvd_contents ol li{
	font-weight : normal;
	font-size : 10px;
}

#dvd_contents ol li span{
	font-weight : normal;
	font-size : 12px;
	color : #9D0303;
}


#user_submit {
	font-size : 12px;
}


#support_faq {
	width : 237px;
	padding : 0;
	margin : 0;

}


#shokunin_left {
	float : left;
	width : 254px;
	height : 100%;
	margin-left : 10px;
}

#shokunin_left .in {
	float : left;
	width : 100%;
	height : 165px;
}

#shokunin_left .in_under {
	float : left;
	width : 100%;
	margin-top : 30px; 
}


#shokunin_right {
	float : left;
	width : 274px;
	height : 100%;
	margin-left : 35px;
}

#shokunin_right .in {
	float : left;
	width : 274px;
	height : 165px;
}

#shokunin_right .in_under {
	float : left;
	width : 100%;
	margin-top : 30px; 
}

#shokunin_left p {
	padding-top : 5px;
	padding-left : 2px;
	font-size : 11px;
}

#shokunin_right p {
	padding-top : 5px;
	padding-left : 2px;
	font-size : 11px;
}


/*------------------------------------------------title sub--------------------*/


/*------------------------------------------------left--------------------*/