@charset "utf-8";
/*------------------------------------------------------------------------------
clearfix
------------------------------------------------------------------------------*/
.clearfix:after{
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
	}
/*-------IE--------*/	
.clearfix{
	zoom:100%;
	}
/*-------IE--------*/

body{
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック";
	font-size: 100%;
	text-decoration: none;
	background-color: #cccccc;
	}
br{
	line-height:normal;
	letter-spacing:normal;
	clear:both;
	}
#warp{
	width:800px;
	text-align:left;
	margin:0 auto;
	padding:0 15px;
	font-size: 90%;
	line-height: 1.4em;
	background:url(http://www.ndsoft.jp/img/common/bg.jpg) repeat-y;
	}
	
form,h1,h2,h3,h4{
	font-weight:normal;
	}
.clear{
	clear:both;
	}
	
/*------------------------------------------------------------------------------
page-ancher
------------------------------------------------------------------------------*/
.page-ancher, .page-ancher p, .page-ancher ul, .page-ancher ul li,.skip { font-size:0; position:absolute; left:-9999px; }


/*------------------------------------------------------------------------------
contents
------------------------------------------------------------------------------*/
#contents{
	width:770px;
	padding:0 15px;
	margin:0 0 15px 0;
	}
#contents h2{
	padding:6px 0 18px 0;
	}

#left{
	width:590px;
	float:left;
	margin:0 20px 0 0;
	/*font-size:88%;*/
	line-height:1.5em;
	color:#333333;
	}
a:link{ text-decoration:underline; color:#333333; }
a:visited{ text-decoration:underline; color:#203255; }
a:hover{ text-decoration:none; color:#002163; }
a:active{ text-decoration:underline; color:#002163; }

#right{
	width:160px;
	float:left;
	margin:1px 0 0 0;
	font-size:88%;
	line-height:1.5em;
	color:#333333;
	}

#right img{
	margin-bottom:10px;
	}
#s_navi ul, #right ul{
	list-style:none;
	}
#s_navi li{
	list-style:none;
	float:left;
	}
.page_top{
	/*font-size:85%;*/
	margin-bottom:15px;
	text-align:right;
	}

/*------------------------------------------------------------------------------
hedaer
------------------------------------------------------------------------------*/
#header{
	width:800px;
	}
.search{
	background-color: #B2D1FF;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #002163;
	height: 30px;
	text-align: right;
	padding-right:10px;
	}

.search_text{
	width:420px;
	float:left;
	padding-top:5px;
	font-size:12px;
	}

.search_form{
	width:200px;
	float:left;
	vertical-align:top;
	}

.search_form img{
	margin:5px 0 0 0;
	}
.search_txt{
	padding:2px;
	width:138px;
	border:1px solid #7f9db9;
	background:#fff url(http://img.yahoo-search.jp/img/logo_wm.gif) center center no-repeat;
	vertical-align:top;
	margin:5px 2px 0 0;
	}
.search_btn{
	width:48px;
	height:24px;
	margin:4px 3px 0 0;
	vertical-align:top;
	}
.contact_btn{
	width:160px;
	float:right;
	}
#logo{
	float:left;
	padding:5px 0 0 10px;
	}
#logo h1{
	line-height:1em;
	margin:2px 0 0 0;
	font-size:12px;
	}
#tel{
	margin-bottom:-1px;
	padding:5px 10px 0 0;
	float:right;
	}
#support{
	background: url(http://www.ndsoft.jp/img/common/support_bg.jpg) top left no-repeat;
	height: 30px;
	width: 330px;
	text-align: right;
	font-size:12px;
	margin:0 0 10px 0;
	padding:0 0 0 470px;
	}
#support input.header_input{
	width:70px;
	padding:1px 0;
	}
.support_l {
	text-align: right;
	float: left;
	width: 230px;
	margin:5px 0 0 0;
}
.support_r {
	text-align: right;
	float: left;
	margin:5px 0 0 10px;
}
.header_input {
	width: 70px;
	vertical-align:text-middle;
	font-size: 100%;
}

#g_navi{}
#g_navi ul{
	list-style:none;
	}
#g_navi li{
	list-style:none;
	float:left;
	}


/*------------------------------------------------------------------------------
フッター(10/05/06)
------------------------------------------------------------------------------*/
#footer_ver2{
	width:760px;
	padding:0 20px 20px 20px;
	background-color:#002164;
	}
#footer_ver2 a{
	color:#FFFFFF;
	text-decoration:none;
	}
#footer_ver2 a:hover{
	text-decoration:underline;
	}
#footer_ver2 ul{list-style:none;}
ul.footer_utility{
	width:177px;
	float:left;
	margin-right:15px;
	font-size:85%;
	}
ul.last{
	margin-right:0;
	}
ul.footer_utility li{
	border-bottom:1px dotted #8090b2;
	padding:10px 0;
	}
ul.footer_utility li a{
	display:block;
	background:url(http://www.ndsoft.jp/img/index_new/arrow3.gif) 0 4px no-repeat;
	padding-left:15px;
	} 
	
ul.footer_utility li.indent ul li, ul.footer_utility ul li, ul.footer_utility li.none{
	border-bottom:none;
	}
ul.footer_utility li.indent ul{
	margin-top:-20px;
	}

ul.footer_utility ul{
	margin-top:5px;
	}
ul.footer_utility ul li, ul.footer_utility li.indent2{
	padding:3px 0;
	}
ul.footer_utility ul li a, ul.footer_utility li.indent2 a{
	background:none;
	}
.shiryou{
	width:446px;
	float:left;
	margin-top:25px;
	}
.mark{
	width:73px;
	padding-top:27px;
	float:right;
	margin-top:25px;
	}


/*------------------------------------------------------------------------------
What's New
------------------------------------------------------------------------------*/


#info{
	width:518px;
	height:203px;
	background:url(http://www.ndsoft.jp/img/common/bg_ir.gif) bottom left no-repeat;
	}
#info .title_area h3, #ir .title_area h3{
	width:377px;
	float:left;
	}
#info .title_area p, #ir .title_area p {
	width:141px;
	float:right;
	}
#info .info_box{
	width:500px;
	height:143px;
	overflow:auto;
	margin:10px 0;
	}
#info dl{
	padding:5px 0;
	}
#info dl dt{
	margin-left:20px;
	background: url(http://www.ndsoft.jp/img/common/arrow2.gif) left 5px no-repeat;
	padding-left:20px;
	width:110px;
	clear:both;
	float:left;
	padding-bottom:10px;
	}
#info dl dd{
	width:310px;
	float:left;
	padding-bottom:10px;
	}
#ir{
	width:518px;
	background:url(http://www.ndsoft.jp/img/common/bg_ir.gif) bottom left no-repeat;
	}

#ir #frame{
	width:480px;
	height:173px;
	padding:10px 18px 0 20px;
	}
#ir #frame #txt{
	width:480px;
	height:140px;
	overflow:auto;
	}	


/*------------------------------------------------------------------------------
製品情報・サイトマップのリスト
------------------------------------------------------------------------------*/
.title_gray,.title_gray2,.title_gray3,.title_gray4,.title_pink,.title_green,.title_blue,.title_orange,.title_purple{
	font-weight:bold;
	padding:4px 0 5px 8px;
	margin:0;
	}
.title_gray{
	background:#eeeeee;
	}
.title_gray2{
	background:#F6F6F6;
	}
.title_gray4{
	background:#b2d1ff;
	}
.title_pink{
	background:#ffe8e8;
	}
.title_green{
	background:#edffd1;
	}
.title_blue{
	background:#e9edff;
	}
.title_orange{
	background:#ffedde;
	}
.title_purple{
	background:#ffe8ff;
	}
.gray,.pink,.green,.blue,.orange,.purple{	
	padding:2px 0 3px 5px;
	border-left-width: 10px;
	border-left-style: solid;
	}
.gray{
	border-left-color: #001847;
	color: #001847;
	}
.pink{
	border-left-color: #f22447;
	color: #f22447;
	}
.green{
	border-left-color: #3f9400;
	color: #3f9400;
	}
.blue{
	border-left-color: #033fff;
	color: #033fff;
	}
.orange{
	border-left-color: #f76002;
	color: #f76002;
	}
.purple{
	border-left-color: #660066;
	color: #660066;
	}

.textbox2,.textbox_backnumber,.entry_box{
	width:538px;
	padding:10px 25px;
	border:1px solid #CCCCCC;
	margin:0 0 10px 0;
	}

.entry_box{
	width:538px;
	padding:25px 25px;
	border:1px solid #CCCCCC;
	margin:0 0 10px 0;
	}

.entry_box h4,.entry_box2 h4{
	border-left:10px solid #002163;
	border-bottom:1px dotted #cccccc;
	padding:2px 0 3px 3px;
	margin:10px 0;
	font-weight:bold;
	}
.entry_box h5,.entry_box2 h5{
	font-weight:bold;
	padding:5px 0;
	}

.entry_box p,.entry_box2 p, .entry_box3 p{
	line-height:1.5em;
	padding-bottom:20px;
	}

	
/*------------------------------------------------------------------------------
ul,li
------------------------------------------------------------------------------*/

ul.number{
	margin:20px 0 15px 0;}
ul.number li{
	list-style-type:decimal;
	margin-left:50px;
	}	
ul.arrow2 li{
	background:url(http://www.ndsoft.jp/img/common/arrow2.gif) center left no-repeat;
	padding-left:15px;
	margin:5px 0;
	list-style:none;
	}



/*------------------------------------------------------------------------------
padding
------------------------------------------------------------------------------*/
.pt5{
	padding:5px 0 0 0;
	}
.pt10{
	padding:10px 0 0 0;
	}
.pt15{
	padding-top:15px;
	}
.pt20{
	padding:20px 0 0 0;
	}
.pt30{
	padding:30px 0 0 0;
	}
.pb20{
	padding-bottom:20px;
	}

.pb10{
	padding-bottom:10px;
	}
.pb5{
	padding-bottom:5px;}	
.fl{
	float:left;
	}
.mt5{
	margin-top:5px;
	}
.mt15{
	margin-top:15px;
	}
.mb10{
	margin-bottom:10px;
	}
.mb15{
	margin-bottom:15px;
	}
.mt20{
	margin-top:20px;
	}
.mlr25{
	margin:-10px -25px 10px -25px;
	}
.mt0{
	margin-top:0;
	}
.pl15{
	padding-left:15px;
	}
.ml8{
	margin-left:8px;
	}
.mr8{
	margin-right:8px;
	}
.pl8{
	padding-left:8px;
	}
.pr8{
	padding-right:8px;
	}

/*------------------------------------------------------------------------------
font
------------------------------------------------------------------------------*/
.t70{
	font-size:70%;
	}
.t80{
	font-size:80%;
	}
.right{
	text-align:right;
}
	
/*------------------------------------------------------------------------------
link_set
------------------------------------------------------------------------------*/

.link_2 { font-size:80%;}
/*.link_2 a:link{text-decoration:underline; color:#002163; }
.link_2 a:visited{text-decoration:underline; color:#990099; }
.link_2 a:hover{text-decoration:underline; color:#0000FF; }
.link_2 a:active{text-decoration:underline; color:#0066FF; }*/

.mail_form  { /*font-size:80%;*/}
/*.mail_form a:link,.mail_form2 a:link{text-decoration:underline; color:#002163; }
.mail_form a:visited,.mail_form2 a:visited{text-decoration:underline; color:#990099; }
.mail_form a:hover,.mail_form2 a:hover{text-decoration:underline; color:#0000FF; }
.mail_form  a:active,.mail_form2 a:active{text-decoration:underline; color:#0066FF; }*/


/*------------------------------------------------------------------------------
page
------------------------------------------------------------------------------*/
.page{
	text-align:center;
	font-size:70%;
	}


.f100{
	font-size:100%;
}


/*------------------------------------------------------------------------------
ページネーション
------------------------------------------------------------------------------*/
.page_clear{
	clear:both;
	}

/*------------------------------------------------------------------------------
フォーム用
------------------------------------------------------------------------------*/
.form_flow{
	text-align:center;
	}
.required{
	font-weight:bold;
	color:#FF0000;
	}

/* safari only */

html[xmlns*=""] body:last-child {
	font-family:Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック";
	}