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

/*********** 全体のイメージ**************************************/

body {
	margin: 0px; 
	padding: 0;
	width:100%;
	font: normal 80%/1.5em 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #000;
	background:#ACD9F2 url(../images/bg_center.gif) repeat-y fixed center center;
}

/*********** コンテンツ全体の領域**************************************/
#page{
margin:0px auto;
width:920px;
padding:0px 0px 10px;
background-image:url(../images/bg_center.gif);
background-repeat:repeat-y;

}



/***********************全体のリンク*****************************/

a {color:#0066ff; text-decoration: none;}
a:hover{color: #333; text-decoration: underline;}



/***********************ヘッダー (会社案内など)******************/

#header-content,#content {width: 880px;}

#header {/* ヘッダーの背景イメージ、色 */
	margin: 0 auto; 
	width:880px;
	height: 80px;
	text-align: left;
}
#header-content { margin: 0; padding: 0;}/* ヘッダーの余白*/
#header-content #logo {/* ヘッダー内のロゴの位置・余白*/
	position: absolute;
	margin: 0px 0px 0px 30px; padding-top: 0.1em;
	top: 13px;
	width: 235px;
}
#header-content #kensaku {/* ヘッダー内のサイト内検索の位置・余白*/
    position: absolute;
	padding-top: 0.1em;
	top: 13px;
	margin: 0px 0px 0px 480px; padding: 0;
	width: 230px;
	font: bold 10px/1.6em "ＭＳ ゴシック", Tahoma, Arial, sans-serif;
	color: #6D729A;
	height:40px;
}
#header-content ul {
	position:absolute;
	top: 94px;
	font: normal 10px/1.6em "ＭＳ ゴシック", Tahoma, Arial, sans-serif;
	color: #6D729A;
	list-style: none;
	margin: -80px 0px 0px 700px;
	padding: 0;
	width: 178px;
}
#header-content li {display: inline;}/* ヘッダーのリンクの下線消し*/
#header-content li a {/* ヘッダーのリンク先の設定*/
	float: left;
	display: block;
	padding: 3px 12px 3px 16px;	
	color: #777;
	text-decoration: none;
}
#header-content li a#current  {/* リンク先のカーソル、文字設定*/
	background: url(/images/point1.gif) no-repeat left center;
}
#header-content li a:hover {color: #333; text-decoration: underline;}
/* リンク先のマウスオーバー時の設定*/

#header-content li a#current2  {/* リンク先のカーソル、文字設定*/
	background: url(/images/point1_1.gif) no-repeat left center;
}
#header-content li a:hover {color: #333; text-decoration: underline;}
/* リンク先のマウスオーバー時の設定*/


/********** RootPro CADトップ＆ボタンイメージ index*********************/
#top_images{
	margin-left:auto;
	margin-right:auto;
	width: 840px;
	padding-top:40px;
	height: 252px;
}
.topimage_main{
	font-size: 0px;
	float: left;
	height: 252px;
	width: 594px;
	background-image: url(../images/rootprotop_half1.jpg);
	background-repeat: no-repeat;
	display: inline;
}
.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: 225px;
	left: 13px;
	top: 70px;
	line-height: 0px;
	font-size: 0px;
}
.topimage_anchor img{
	padding-bottom: 4px;
	line-height: 40px;
}


/********** コンテンツの背景イメージ(gray) *****************************/
#backblock{ margin: 10px auto; width: 840px;}
.backtop{background: #FFF url(/images/backtop2.gif) no-repeat; height:8px; margin-bottom:-0.8em;}/*角丸上*/
.backcenter{background-color:#F3F4F8; overflow: hidden;}
.backbottom{background: #FFF url(/images/backbottom2.gif) no-repeat; height:8px;} /*角丸下*/


/********** 左コンテンツの枠 *****************************/
.clumn_main{
	width: 610px;
	float: left;
	margin-left: 3px;
}
.clumn_main .main_box{
	width: 610px;
}
.clumn_main .mainbar{
	height: 24px;
	width: 610px;
	background-image: url(../images/clumn_mainbar.gif);
	color: #fafafa;
	font-weight: bold;
	line-height: 24px;
}
.clumn_main .mainbar h1{
	font-size: 1.2em;
	font-weight: bold;
	color: #fafafa;
	margin-left: 15px;	line-height: 24px;

}
.clumn_main .mainto{
	height: 6px;
	width: 610px;
	background-image: url(../images/clumn_mainto.gif);
	margin-top: 5px;
	background-repeat: no-repeat;
	background-position: bottom;
}

.clumn_main .mainm{
	background-repeat: repeat-y;
	width: 610px;
	background-image: url(../images/clumn_mainm.gif);
}
.clumn_main .mainbo{
	height: 6px;
	width: 610px;
	background-image: url(../images/clumn_mainbo.gif);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 0px;
}
.clumn_main .h_bar{
	background-image: url(../images/h_bar.gif);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	height: 25px;
	width: 590px;
}
.clumn_main .h_bar h1{
	margin-bottom:0px;
	margin-top:0px;
	font-weight:bold;
	font-size:13px;
	line-height: 25px;
	margin-left: 10px;
}
.clumn_main .h_bar h2{
	margin-bottom:0px;
	margin-top:0px;
	font-weight:bold;
	font-size:13px;
	line-height: 25px;
}
/********** 中央コンテンツの枠 *****************************/

#nosidebar_clumn{/** .clumn_center_box **/
	width: 708px;
	margin-right: auto;
	margin-left: auto;
}
#nosidebar_clumn .centertop{/** .clumn_center_box .centertop **/
	height: 6px;
	width: 708px;
	background-image: url(../images/clumn_centerto.gif);
	margin-top: 5px;
	background-repeat: no-repeat;
	background-position: bottom;
}
#nosidebar_clumn .centermid{/** .clumn_center_box .centermid **/
	background-repeat: repeat-y;
	width: 708px;
	background-image: url(../images/clumn_centerm.gif);
}
#nosidebar_clumn .centerbot{/** .clumn_center_box .centerbot **/
	height: 6px;
	width: 708px;
	background-image: url(../images/clumn_centerbo.gif);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 0px;
}
#nosidebar_clumn .h_bar{/** .clumn_center_box .h_bar **/
	background-image: url(../images/h_bar.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	height: 25px;
	width: 590px;
}
#nosidebar_clumn .h_bar h1{/** .clumn_center_box .h_bar h1 **/
	margin-bottom:0px;
	margin-top:0px;
	font-weight:bold;
	font-size:13px;
	line-height: 25px;
	padding-left: 10px;
}

/********** 右コンテンツ（メニュー）の枠 *****************************/
#sidebar{/** .clumn_right **/
	width:210px;
	margin:0px 3px 0px 0px;
	padding:0px;
	float: right;
}
#sidebar .sidemenue_box{/** .clumn_right .rightmenue_box **/
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#sidebar .sidebutton_box{/** .clumn_right .rightbutton_box **/
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#sidebar .titlebar{/** .clumn_right .rightbar **/
	width:210px;
	background-image: url(../images/clumn_rightbar.gif);
	height: 24px;
	text-align: left;
	color: #fafafa;
	font-weight: bold;
	line-height: 24px;
}
#sidebar .sidemid{/** .clumn_right .rightm **/
	background-image: url(../images/clumn_rightm.gif);
	background-repeat: repeat-y;
	width: 210px;
	text-align: left;
}
#sidebar .sidebot{/** .clumn_right .rightbo **/
	background-image: url(../images/clumn_rightbo.gif);
	height: 6px;
	width: 210px;
	background-repeat: no-repeat;
	font-size: 0px;
}
#sidebar .sidetop{/** .clumn_right .rightto **/
	background-image: url(../images/clumn_rightto.gif);
	height: 6px;
	width: 210px;
	background-repeat: no-repeat;
	background-position: bottom;
}

/********** コンテンツ (枠)の各ブロック *****************************/


#newtoc_box1{/*	文章のみのボックス*/
	width:95%;
	margin:2px auto; 
	height:100px;
}

#newtoc_box{/*左文章・右イメージ*/
	width:95%;
	margin:2px auto; 
}
#newtoc_box p{width:270px; float:left; margin-left:20px; margin-right:0px; margin-top:10px; margin-bottom:40px;
}
#newtoc_box .tocimage{width:250px; float:left; margin-right:10px; margin-top:15px; margin-bottom:15px;
}

#newtoc_box2{/*	高さ指定なし*/
	width:95%;
	margin:3px auto; 
}

#newtoc_box3{/*	高さ指定あり*/
	width:95%;
	margin:3px auto; 
	height:200px;
}
#newtoc_box3_bottom{/*最下部マージンなし*/
	width:95%;
	margin:3px auto 0px; 
	height:200px;
}



/***********特長トップページのレイアウト*****************************/

/*toc2-3のボックス*/


/*主な特長*/
#newtoc_box2-4{
	width:93%;
	margin:3px auto;
}
.toc_boxs {display:inline; float:left; position:relative; width:49.9%;}
.toc_boxs p{width:80%; margin-bottom:10px; margin-left:auto; margin-right:auto; }
.toc_boxsin {
	border: 1px solid #999999;
	width:260px;
	margin:0px auto;
	background:url(../images/toc_boxsinimage.gif) top no-repeat;
	height: 360px;
}
.toc_boxs .title{
	margin-top:15px; margin-right:auto; margin-left:auto; 
	width:90%;
	line-height:1.3em;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	height: 40px;
}

.toc_boxs .explain{
	list-style-type: none;
	width: 90%;
	padding: 0px;
	margin-top:25px; margin-bottom:10px; margin-right:auto; margin-left:auto;
}
.explain li{
	list-style-type: none;
	width: 95%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 15px;
	background-image: url(../images/carsol_1.gif);
	background-repeat: no-repeat;
}


/*新機能*/
.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%;}
.toc_boxs3sin {
	border: 1px solid #999999;
	width:173px;
	height:85px;
	margin:0px auto;
	background-color: #CCE8F7;
	background-image: url(../images/toc_boxs3sinback.gif);
	background-repeat: no-repeat;
	background-position: top;
	font-size:11px;
}
.toc_boxs3s .title{
	width:90%;
	margin:5px auto 10px;
	font-weight: bold;
	color: #0057B8;
	font-size:12px;
}
.toc_boxs3s p{
	width:90%;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	line-height: 1.3em;
}



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

.float-right { float: right; }
.float-right2 { float: right;
				margin-top:15px;
				margin-right:0px; }
.float-right3 { float: right;
				margin-top:0.5em; }
.float-right4 {
	float: right;
	margin-top:3px;
}

img {border: 0;}

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

.graygrad_box  {
	background:#FFF url(../images/bg_box.gif) repeat-x;
	margin:5px auto 0px;
	padding:5px 0px;
	width:87%;
	border: 1px solid #E0E1E9;
}

.gray2  {
	background:#FFF url(../images/bg_box.gif) repeat-x;
	margin:5px auto;
	padding:5px 0px;
	width:87%;
	border: 1px solid #E0E1E9;
}

/*************  機能比較表のレイアウト ****************************/
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;
}

/************* チュートリアルページのレイアウト ****************************/
.box1 {/*背景ボックス*/
	padding: 10px;
	border: 2px solid #99CC66;
	background-color: #EEF8E0;
	margin-left: 35px;
	margin-right: 35px;
}
.box1_left {/*背景ボックス*/
	margin-left: 35px;
	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-top: 3px;
	padding-left: 3px;
	margin-left: 20px;
	padding-right: 3px;
	padding-bottom: 3px;
}

.left1 {/* 文字の位置 インデントあり*/			
	padding-left: 2em;
	padding-top:5px;
	text-align: left;
	text-indent: -1em;
}
.left2 {
	padding-left: 2em;
	padding-top:5px;
	text-align: left;
}


/************* Enterprise Images ****************************/
.enterprise_image {
	margin: 10px 10px;
}

.enterprise_screen {
	font-weight: bold;
	margin: 20px 20px;
	text-align: center;
}

/* イメージの説明 */
.enterprise_screen span{
	background-color: #ffffff;
	text-decoration: underline;
	padding: 2px;
}

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


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



/********** リストのレイアウト ***********************************************************/
#menue ul{
	margin: 10px 20px; padding: 0px;}


ul, ol {
	margin: 10px 20px; padding: 0 15px;}

dl {
	margin-left:50px; margin-right:20px;}
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;
}

#datalist_bottom{/*最下部マージンなし*/
	width:85%;
	margin:5px 5px 0px 40px;
}



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


	
/********** 特長ページナビリストのレイアウト  ********************/
#pagenav {
	list-style:none; margin:0px; padding:0px; clear:both;
}
#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:490px; margin:0px auto;
}

ul.navimages {
	padding:0;
	margin:0;
	font-size: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;
}



/**********  よくある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;
}


/********** 右側のメニュー リスト・サイトマップのリスト*****************/

#menu-list{margin:0px;}
#menu-list ul.sidemenu{
	list-style-type: none;
    margin:0px;
}
li.current{
	background:url(../images/point1.gif) no-repeat 0.5px;
	padding-left:15px;
	padding-bottom:2px;
	padding-top:5px;
  border-bottom: 1px dotted #EAEAEA;
}

#menu-list li.current a{
	width:100%;
	height:20px;
}
#menu-list li.current a:hover{
	width:100%;
	height:20px;
	background-color: #FAFAFA;
}


li.current2{
	padding-left:15px;
	padding-bottom:0px;
	padding-top:1px;
	border-bottom: 1px dotted #EAEAEA;
	list-style-type: none;
}

#menu-list li.current2 a{
	width:100%;
	height:20px;
}
#menu-list li.current2 a:hover{
	width:100%;
	height:20px;
	background-color : #FAFAFA;
}

li.current3{
	padding-left:25px;
	padding-bottom:0px;
	padding-top:1px;
	border-bottom: 1px dotted #EAEAEA;
	list-style-type: none;
}
#menu-list li.current3 a{
	width:100%;
	height:20px;
}
#menu-list li.current3 a:hover{
	width:100%;
	height:20px;
	background-color : #FAFAFA;
}



	
/********** menu- table *****************************************/
th strong {
	color: #fff;
}
th {
	background: #666666;
	color: #fff;
	text-align: center;
	padding-left: 11px;
	padding-right: 11px;
}

td.first,th.first {
	border-left: 0px;
}
/* end - table */


/********** 不明 (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;	
}

/***************** footer コピーライト************************************/

.to_pagetop{
	text-align: right;
	height: 10px;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
}

#footer {/* フッターの背景イメージ、色 */
	width:880px;
	text-align: left;
	background: #FFF url(../images/footer_bg.gif) repeat-x;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

.footerfont {
	font: normal 10px/1.6em "ＭＳ ゴシック", Tahoma, Arial, sans-serif;
	text-align: right;
	padding-top:3px;
	width:840px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

#footer-content {
    width:840px;
	margin: 5px auto;
}

#footer-content a {
	text-decoration: none;
	color: #777;	
}
#footer-content a:hover {
	text-decoration: underline;
	color: #333;
}
#footer-content ul {
	list-style: none;
	margin: 0; padding: 0;
}





/**************************************************/
/* 注釈 営業日のご案内など 									*******/
/**************************************************/
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;
}

/***********************************/
/* Drupal **************************/
/***********************************/

/* code */
div.geshifilter{
	background-color: #ffffdd;
}

div.geshifilter > pre {
	white-space: pre;
  overflow-x: scroll;			/* display Horz Scroll Bar */
}