@charset "UTF-8";
/*RootPro CAD CSS */


/********** RootPro CADトップ index　*********************/
/*トップイメージとボタン */
#top_images{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	width: 840px;
	height: 252px;
}

#top_images h1 {
    float: left;
    width: 594px;
    }


.topimage_main{
	font-size: 0px;
	float: left;
	height: 252px;
	width: 594px;
	display: block;
}
.topimage_right{
	background-image: url(../images/rootprotop_half2.jpg);
	float: right;
	height: 252px;
	width: 246px;
	background-repeat: no-repeat;
	display: inline;
	clear: right;
}
.topimage_anchor{
	position: relative;
	height: 116px;
	width: 199px;
	left: 26px;
	top: 70px;
	line-height: 0px;
	font-size: 0px;
}
.topimage_anchor img{
	padding-bottom: 4px;
	line-height: 40px;
}

.section-newtoc_index{/*新機能二列ボックス*/
	width: 95%;
	overflow: hidden;
	margin-right: auto;
	margin-bottom: 3em;
	margin-left: auto;
}
.newtoc_index{
display:inline; float:left; position:relative; }


.right_toc{
float:right;	
width:50%;}

.left_toc{
margin-left:13px;	
width:47%;}




.newtoc_index p{margin: 0px 0px;}
.newtoc_index .pointcolor{
	width: 93%;
}

.lineup {
	line-height:2em;
	margin-left:5em;
	margin-bottom: 18px;
}


/********** ｈライン *****************************/
.horizon{
	width:95%;
	margin:20px auto;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	clear: both;
}

/********** コンテンツ (枠)の各ブロック *****************************/
.section{
	float: none;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	width: 95%;
	margin-bottom: 2em;

	
}

.explanation{
margin-bottom: 2em;
overflow:hidden;	
}



.section .image{/*画像と説明を並べる*/
	width:100%;
	margin:0px auto 3em;
	float: none;
	overflow: hidden;
}

.section .image p{
margin-bottom:10px;}

.section .image .coment{/*説明*/
	margin:0px 15px 15px;
}

.section-lv2{
	float: none;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	width: 90%;
	margin-bottom: 2em;
	/* padding-left:20px; */

}



.section-lv2 .float-left{
	float: left;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:10px;


}



.addin_sumplelist{
	float: none;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	width: 90%;

	padding-left:20px;

}





.section-lv2 h4{
	margin-left:20px;
	font-weight:bold;
	width: 100%;
	font-size: 1em;


}







.image_95{
	width:95%;
	margin:0px auto 3em;
	float: none;
	overflow: hidden;
}
.image_95 .coment{
	margin:0px 15px 15px;
}
.image_center{
	float: none;
	overflow: hidden;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 3em;
}


/***********特長トップページのレイアウト*****************************/
/*toc2-3のボックス*/
/*主な特長*/
.tocbox{
	width:100%;
	margin:8px auto 20px;
	clear:both;
	overflow:hidden;
}
.tocbox2 {display:inline; float:left; position:relative; width:49.9%;}

.tocbox2in {
	border: 1px solid #999999;
	width:260px;
	margin:0px auto;
	height: 360px;
}


.tocbox a img{
vertical-align:top;
}/*focus時に点線を表示させるための記述*/




.tocbox2in .title{
	background:url(../images/toc_boxsinimage.gif) top no-repeat;
	line-height:1.3em;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	height: 30px;
	padding-top: 15px;
	padding-bottom: 10px;
	
}









h3.title {
	background:url(../images/toc_boxsinimage.gif) top no-repeat;
	line-height:1.3em;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	height: 30px;
	padding-top: 15px;
	padding-bottom: 10px;
	margin:0px;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	padding-left: 15px;
    padding-right: 15px;
}




.tocbox2 .explain{
	list-style-type: none;
	width: 90%;
	padding: 0px;
	margin-top:15px; margin-bottom:10px; margin-right:0px;margin-left:15px;

}




/*新しく追加したCSS*/


.explain li{
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0.5em;
background-image: url(../images/carsol_1.gif);
	background-repeat:no-repeat;
	background-position:0% 8%;
padding-left:15px;


}


.toc_list{
   clear: both;
   margin-right:0px;
   margin-left:0px;

    margin-top: 8px;
    padding-left:0px;
    padding-right:0px;
    overflow: hidden;
    width: 100%;	

}

.toc_link {
display:inline-block;
line-height:1.3em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-image: url(../images/carsol_1.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	margin-left:15px;
	background-position:left;
	text-align:left;
	vertical-align:middle;
	

		
}



/*新しく追加したCSS*/



table.verup_box{
background-color:#FAFAFA;	
text-align:center;
border-collapse: collapse;
margin-top:20px;
line-height:1.6em;
margin-bottom:25px;
font-weight:bold;	
width:auto;
margin-left:20px;
}

table.verup_box#verup{
margin-left:35px;
}



span.ss{
font-weight:normal;
color:#000000;
font-size:11px;
}
table.verup_box tr td{
border:1px #666666 solid;
}
table.verup_box td{
padding:10px;
text-align:center;
}
table.verup_box td#verup{
padding:5px;	
text-align:center;
background-color:yellow;
}
table.verup_box td#verup span{
color:#FF6600;
}
table.verup_box th{
color:#000000;
padding:5px;
border:1px #666666 solid;	
text-align:center;
background-color:#C1E0FF;	
}
div.contents p{
margin-bottom:15px;
margin-top:0px;	
}
div.verup_contents{
margin-bottom:15px;	
margin-top:0px;
}
div.verup_contents p span{
font-weight:bold;
}
div.verup_contents p span.ss{
font-weight:normal;
}
div.verup_about{
margin-bottom:30px;
padding-right:10px;
padding-left:10px;
}
verup_about p{
margin-top:15px;
margin-bottom:0px;
}
a.top_link{
padding-left:540px;
}
h2{
font-size:12px;	
font-weight:bold;

margin-bottom:10px;
margin-left:10px;}













/*新機能*/
.newtocbox2in {
	border: 1px solid #999999;
	width:260px;
	margin:0px auto;
	height: 270px;

}

.newtocbox2in .title_s{
	margin:0px auto;
	padding-top:15px;
	line-height:1.3em;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	height: 30px;
	background-image: url(../images/toc_boxs3inimage.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
}




h3.title_s {
	background-image: url(../images/toc_boxs3inimage.gif);
	line-height:1.3em;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	height:30px;
	padding-top: 15px;
	padding-bottom: 10px;
	margin:0px;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	padding-left: 15px;
    padding-right: 15px;
}





.toc_boxs3 {display:inline; float:left; position:relative; width:33%;}
.toc_boxs3in {
	border: 1px solid #999999;
	width:173px;
	height:270px;
	margin:0px auto;
	background:url(../images/toc_boxs3inimage.gif) top no-repeat;
	font-size: 11px;
}
.toc_boxs3 .title{
	width:90%;
	margin:0px auto;
	padding-top:5px;
	line-height:1.3em;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	height: 48px;
}
.toc_boxs3 p{width:90%; margin-bottom:10px; margin-left:auto; margin-right:auto; }



/*特長その他作図機能*/
.toc_boxs3s {display:inline; float:left; position:relative; width:33%;}

li.toc_boxs3s {    
    margin-bottom:20px;}





.toc_boxs3sin {
	border: 1px solid #999999;
	width:154px;
	height:80px;
	background-color: #CCE8F7;
	background-image: url(../images/toc_boxs3sinback.gif);
	background-repeat: no-repeat ;
	background-position: top;
	font-size:11px;
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:0px;
	margin-left:10px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	

}


.toc_boxs3s a.title{
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
background-image: url(../images/carsol_1.gif);
	background-repeat:no-repeat;
	background-position:left top;
padding-left:15px;
font-size:12px;
font-weight:bold;
display:block;
line-height:1.2em;
}




ul.toc_boxs3sin {
list-style:none;
line-height:1.3em;
padding-top: 0.5em;
}





.toc_boxs3s p.title{
	width:90%;
	margin:0px;
	font-weight: bold;
	color: #0057B8;
	font-size:12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	line-height: 1.3em;
}



.toc_boxs3s p{
	margin-left:0px;
	padding-top:10px;
	margin-right:0px;
	line-height: 1.3em;
	
	
}






/************* イメージの位置 ************************/
.float-left  {
	float: left;
	margin: 0px 3px 0px 2px;
}
.float-left2  {float: left;margin: 0px 20px 0px 15px;}

.float-right { float: right; 
}

.float-right2 {
	float: right;
	margin-top:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}


.stop {
    float: right;
    font-size: 0.8em;
    line-height: 1.6em;
    margin-left: 0;
    margin-right: 40px;
}


.stop span{

}



/*********コンテンツ内の背景イメージ***********************************/


.gray  {/*グレーグラデーション*/
	background:#FCFCFD url(../images/bg_box.gif) repeat-x;
	margin:5px auto;

	padding:5px 0px;

	border: 1px solid #E0E1E9;
	float: none;
	overflow: hidden;
	width:95%;
}

.gray2  {/*グレーグラデーション*/
	background:#FCFCFD url(../images/bg_box.gif) repeat-x;
	margin:5px auto;

	padding:5px 0px;

	border: 1px solid #E0E1E9;
	float: none;
	overflow: hidden;
	width:95%;
}

.gray2 p span{
color:#990000;
}




/*************  機能比較表のレイアウト ****************************/
td.func{
	background: url(/images/carsol_6.gif) no-repeat 0.5em;
	background-color: #ffffff;
}

.func dt{
	margin: 4px 4px 4px 16px;
	line-height:1.4em;
}

td.new_func {		
	background-color: #ecf5ff;
}

.product td{
	padding-right: 13px;
	padding-left: 13px;
}

/************* チュートリアルページのレイアウト ****************************/
.box1 {/*背景緑ボックス*/
	padding: 10px;
	border: 2px solid #99CC66;
	background-color: #EEF8E0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	width: 90%;
}
.box1_left {/*背景緑ボックス左よせ*/
	background-color:#EEF8E0;
	border:2px solid #99CC66;
	width:168px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
}
.steptitle {/*手順タイトル*/
	background-color: #C8E3FF;
	text-align: left;
	padding: 3px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	width: 95%;
}

.indent1 {/*１字下げ*/
	padding-left: 2em;
	text-align: left;
	text-indent: -1em;
	margin-bottom: 15px;
}
.indent1 img {
	vertical-align: middle;
}
.indent2 {/*2字下げ*/
	padding-left: 1.6em;
	text-align: left;
	text-indent: -1.3em;
	margin-bottom: 15px;
}


/************* Enterpriseページ ****************************/

.api-list li {
	margin-left: 16px;
}
.api-list span {
	font-weight: normal;
}

div.addin-list/*横並び表リスト*/
{
	width: 580px;
	text-align: center;
	margin: 0px auto;
	font-family: 'ＭＳ Ｐゴシック';
	overflow: hidden;
}
div.addin-list div 
{
		float: left;
		font-family: "ＭＳ Ｐゴシック", sans-serif;
		font-size:12px;
		margin: 10px 10px 10px 10px;
		width: 120px;
		height: 40px;
		border: 1px solid #999999;
		background-color: #ffffee;
		background-image:url(../images/div_addinback.gif);
		background-repeat:repeat-x;
}	

/************* /*ダウンロードページのレイアウト****************************/
.dltitle{
	background-repeat: no-repeat;
	height: 48px;
	padding-left: 245px;
	padding-top: 5px;
	margin-bottom: 15px;
}
.dl_explain{
	width: 98%;
	margin-right: auto;
	margin-left: auto;
} 


.dl_explain p{
margin-left:0px;
}

.data{
margin-bottom:0px;
/* font-size:11px; */
}


.dl_explain .xs{
margin:0px;
}


.box{
/* float:left; */
margin-bottom:1em;
}

.file{
text-align:center;
margin-bottom:5px;
/* font-size:10px; */
}


/********** リストのレイアウト ***********************************************************/
#menue ul{
	margin: 10px 20px; padding: 0px;}
ul, ol {
	margin: 10px 20px; padding: 0 15px;}
dl {
	margin-left:50px; margin-right:15px;}
dt {
	margin-top:1em; font-weight:bold;}
dd {
	margin-left:0px;}

/*リストのボックス1*/
.corp {
	margin: 10px 30px 0px;
}
.corp li {
	margin: 10px 0px 0px;
}

/*リストのボックス2（行間なし）*/
.datalist{
	width:85%;
	margin:5px 5px 5px 40px;
}

/*リストのボックス3（行間なし）*/
.verlist{
	width:85%;
	margin:5px 5px 20px 40px;
}

/**********  番号リストのレイアウト *******************/
.tejun{
	padding-top: 5px;
	padding-right: 1.5em;
	padding-left: 1.5em;
	padding-bottom: 10px;
}
.tejun li{
	margin-bottom: 1em;
}

.mokuji{/*チュートリアル目次*/
	padding: 0px;
	margin-top: 0px;
	margin-right: 4em;
	margin-bottom: 10px;
	margin-left: 4em;
}
.mokuji li{
	margin-bottom: 2em;
	font-weight: bold;
}
.mokuji li ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/**********  what'snewリストのレイアウト *******************/
#news dl {margin-left:1em;  margin-bottom:0em; margin-top:0em;padding-top:5px;}
#news dt {font-weight:normal; margin-top:0em; float:left; width:85px; clear:left;}
#news dd {
	margin-top:0em;
	text-indent: -1em;
	padding-left: 8em;
}


/**********  バージョン情報リストのレイアウト *******************/
.versiondata{
	width:80%;
	margin-bottom: 15px;
	margin-left: 35px;
}
.versiondata li{
	margin: 10px 0px 0px;
}

li.ep {/*バージョン情報　Enterprise 版の変更点*/
	color: #993300;
}

/**********  ダウンロード一覧リスト *******************/
.dl_list{
	list-style-type: none;
	margin:0px;
	padding:0px;
	text-align: center;
}


/**********  テンプレートダウンロード一覧リスト *******************/
.template{
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 88%;
}
.template li{
	font-size:10px;
	list-style-position: inside;
	list-style-type: disc;
	margin-bottom: 5px;
}
.template li a{
	text-align: right;
	list-style-type: none;
	padding-left: 270px;
}

/**********  よくあるQAリストのレイアウト ****************/
#qa_yoku {
	padding: 0px;
	width:90%;
	margin:0px auto;
}
#qa_yoku li {
	font-weight: bold;
	list-style-type: none;
	/*height: 21px;*/
	margin-bottom: 0.3em;
	background-image: url(../images/q.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	padding-top: 3px;
}
#qa_yoku .second {
	background-color: #FAFAFA;
}


/********** 特長ページナビリストのレイアウト  ********************/
.pagenav {
	list-style:none;
	margin:1em 0px 0px;
	padding:0px;
	clear:both;
	overflow: hidden;
}
.pagenav LI {
	list-style-type: none; float:left; margin:0px; padding:0px;
}
.pagenav LI.prev A {
	float:left;
	padding-left:23px;
	background-image:url(../images/toc_back_page.gif);
	background-repeat:no-repeat;
}
.pagenav LI.next{float:right;}
.pagenav LI.next A {
	float:right; padding-right:23px; background-image:url(../images/toc_next_page.gif) ; background-repeat:no-repeat; background-position:right;
}

/********** 基本操作・チュートリアルページナビリストのレイアウト  ***************/
.navimagesbox{width:95%; margin:50px auto 0px;
}

ul.navimages {
	padding:0;
	margin:0;
	text-align: justify;
	text-justify: distribute-all-lines;
}

ul.navimages:after{
	content:url(../images/justify.png);
	line-height:0;
	visibility:hidden;
}

ul.navimages li{
	display:inline;
	margin:0;
	padding:0;
}
.float-center {
	float: none;
	margin-left: 250px;
}





/********** 不明 (PHP等)***********************************/
td.border-bottom{/*テーブルのライン*/
	border-left:1px solid #93BAE6;
	border-bottom:3px solid #4480BB;
}
td.border-left{/*テーブルのライン*/
	border-left:1px solid #93BAE6;
}

td.border-right{/*テーブルのライン*/
	border-right:1px solid #93BAE6;
}

td.border-top{/*テーブルのライン*/
	border-top:1px solid #93BAE6;
}
td.border-bottom2{/*テーブルのライン*/
	border-bottom:1px solid #93BAE6;
}
td.border-bottom3{/*テーブルのライン*/
	border-bottom:3px solid #4480BB;
	background-color:#E6F0F9;
}

/********** form elements ***********************************/
form {
	margin:5px 15px 0px;
	padding: 0;
	color: #000000;
}

form td{
	margin-right: 1em;
	height: 20px;
}

form td.list{
	border-top: 1px solid #D5D9EA;
	border-bottom: 1px solid #D5D9EA;
}

label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	background: #FFF url(gradientbg.jpg) repeat-x; 
	padding: 2px 3px; 
	color: #333;	
	border: 1px solid #DADADA;	
}



/**************************************************/
/* 注釈 営業日のご案内など 									*******/
/**************************************************/
div.topinfo_box{
margin-bottom:5px;
margin-left:0px;
padding-top:0px;
padding-bottom:5px;
text-align:left;
font-weight:normal;
}

div.topinfo_box .news_category{
  background: #FF3300;
  color: #FFF;
  text-align: center;
  display: inline-block;
  width:60px;
  padding: 5px 20px;
  margin-right: 5px;
  font-size: 12px;
  line-height: 1;
  font-weight:bold;
}

div.warning {
	width: 360px;
	font-weight: bold;
	font-family: 'ＭＳ ゴシック';
	text-align: center; 
	padding: 4px; 
	border: 1px solid #ff0000; 
	background-color:#ffffcc; 
	margin: 10px auto 10px auto;
}

div.warning2 {
	width: 450px;
	font-weight: bold;
	font-family: 'ＭＳ ゴシック';
	text-align: center; 
	padding: 4px; 
	border: 1px solid #ff0000; 
	background-color:#ffffcc; 
	margin: 10px auto 10px auto;
}

div.warning3 {
	width: 360px;
	font-weight: bold;
	font-family: 'ＭＳ ゴシック';
	padding-left:80px; 
	border: 1px solid #ff0000; 
	background-color:#ffffcc; 
	margin: 10px auto 10px auto;
}

div.warning4{
	width: 580px;
	font-family: 'ＭＳ ゴシック';
	text-align: left; 
	padding: 4px; 
	border: 1px solid #ff0000; 
	background-color:#ffffcc; 
	margin: 10px auto 10px auto;

}

div.info {
	font-weight: bold;
	text-align: center; 
	padding: 10px; 
	border: 1px solid #ff0000; 
	background-color:#ffffcc; 
	margin: 20px auto 20px auto;
}