/*------------------------------------------------------------------
	BASIC TAGS
------------------------------------------------------------------*/
.clear {
	clear:both;
}

.indent {
	text-indent: 0.5em;
}
.indent_all {
	
	margin-left:1.5em;
}
.margin-btm18px {
	margin-bottom: 18px;
}
.margin-top18px {
	margin-top: 18px;
}
.margin-btmtop18px {
	margin: 18px 0;
}
h1 {
	display: block;
	height: 16px;
	font-size:74%;
	*font-size:71%;
	background: #9fb7d4;
	color: #fff;
	text-align: left;
	text-indent: 1em;
	line-height:2em;
}
h2 {
	display: block;
	width: 304px;
	height: 53px;
	padding: 0 0 0 15px;
	float: left;
}
h3 {
	margin: 0 0 22px 0;
}
.h3_topcase {
	margin: 5px 0 10px 0;
}

h4 {
    width:553px;
	height:19px;
	background:url(../img/bg_h4.gif) no-repeat bottom left;
	padding:8px 0px 10px 30px;
	font-family:"Helvetica, Arial,sans-serif";
	font-weight:bold;
	/*color:#234584;*/
	color:#103884;
	font-size:16px;
	letter-spacing:1px;
	text-indent:0.5em;
	text-align:left;
	margin-bottom:20px;
	
	
}




h4 img{
     margin:7px 10px 3px 0px;
	 vertical-align:top;
	 
}

/*#service h5 {
    background:url(../img/icon_bl01.gif) no-repeat .5em .5em;
	width:185px;
	margin-top:10px;
	padding:5px;
	padding-left:30px;
	border:dashed 1px #99CC00;
	border-bottom: solid 2px #99cc00;
	font-size:110%;
	font-weight:bold;
	color:#003399;		
}*/

#service h5 {
	
	background:url(../img/icon_bl01.gif) no-repeat .5em .5em #FFF;
	padding:5px;
	padding-left:30px;
	font-size:110%;
	font-weight:bold;
	color:#003399;
	border:#CCC 1px solid;
	
	
}

/*#products h5 {
    background:url(../img/icon_bl01.gif) no-repeat .5em .5em;
	width:185px;
	margin-top:10px;
	padding:5px;
	padding-left:30px;
	border:dashed 1px #99CC00;
	border-bottom: solid 2px #99cc00;
	font-size:110%;
	font-weight:bold;
	color:#003399;		
}*/

#products h5 {
	
	background:url(../img/icon_bl01.gif) no-repeat .5em .5em #FFF;
	padding:5px;
	padding-left:30px;
	font-size:110%;
	font-weight:bold;
	color:#003399;
	border:solid 1px #CCC;
	
	
}
.h5_out {
	padding:3px 3px 2px 3px;
	background-color:#dddddd;

}


#soft h5 {
	background:url(../img/icon_bl04.gif) no-repeat 0 0.4em ;
	font-weight:bold;
	color:#234584;
	padding-left:20px;
	margin-bottom:15px;
}


/*------kobori bak--------
h4 {
	margin:25px 0px 5px;
	border-width: 0 0 0 5px; border-style: solid; border-color:#45709F;
	font-family:"Helvetica, Arial,sans-serif";font-weight:bold;color:#555555;
	font-size:16px;
	letter-spacing:1px;
	text-indent:0.5em;
	text-align:left;
}
----------end----------*/
/*------kobori bak--------
h4 {
	margin: 28px 0 13px 0;
}
----------end----------*/

.pagetop {
	text-align: right;
	clear: both;
	font-size: 77%;
	padding:0 20px 10px 0;
}
a:link {
	color: #000099;
	text-decoration: underline;
}
a:active {
	color: #0066cc;
	text-decoration: none;
}
a:visited {
	color: #000099;
	text-decoration: underline;
}
a:hover {
	color: #66B3FF;
	text-decoration: none;
}
p {
	margin-bottom: 0.5em;
}
.lst_blue {
	margin: 18px 0 18px 24px;
}
.lst_blue li{
	list-style-image: url(../img/bullet_blue.gif);
	margin-bottom: 8px;
}

.lst_udrh4 {
   
	width:583px;
	margin-top:5px;
	margin-bottom:15px;
	
	
}

.lst_udrh4 li{
    border-bottom:dotted #CCCCCC 1px;
	width:583px;
	padding-top:5px;
	padding-bottom:5px;
	
	
}


.lst_udrh4 li p{
    padding-left:30px;
	padding-right:20px;
    	
    }
	
.lst_udrh4 li p img{
    vertical-align:middle;
	padding-right:5px;
    
    	
    }		




.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.clearfix {
	display: inline-block;
	zoom: 100%;
}

.center{
    text-align:center;
	margin:0 auto;
}
.spaser10 {
	background-color: #FFFFFF;
	height: 10px;
}
.spaser50 {
	background-color: #FFFFFF;
	height: 50px;
}

/*------------------------------------------------------------------
	FONT
------------------------------------------------------------------*/

.font_bl01 {
	color:#6E9EE8;
}

.font_red01 {
	color:#F36;
}
.font_bold {
	font-weight:bold;
}









/*------------------------------------------------------------------
	BOXes
------------------------------------------------------------------*/
body {
	color: #333;
	text-align: center;
	background: #fff url(../img/bg_body.gif) repeat-x;
	color:#333333;
	font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif,lr oSVbN,Osaka;
    *font-size:small;
    *font:x-small;

}
#bg_box {
	width: 774px;
	text-align: center;
	margin: 0 auto;
	background: #599dd0 url(../img/bg_shadow.gif) repeat-y;
}
#container {
	width: 770px;
	background-color: #fff;
	text-align: center;
	margin: 0 auto;
	overflow:hidden;
	
}
/*------------------------------------------------------------------
	HEADER
------------------------------------------------------------------*/
#header {
	width:770px;
}
#hd_box01 {
	width: 770px;
	height: 53px;
	background: #fff;
	text-align: left;
}

#hd_box01 ul {
	display: inline;
	float: right;
	margin: 31px 9px 0 0;
}
#hd_box01 ul li{
	float: left;
	margin-left: 7px;
	text-decoration: none;
}
#gn {
	height: 36px;
	
}
#gn ul {
	display: inline;
}
#gn ul li {
	float: left;
}
#topicpath {
    padding-top:10px;
	
	height: 20px;
	margin: 5px 0 5px 8px;
	font-size: 65%;
	line-height:2;
	font-family: lr SVbN,sans-serif;
	text-align:left;
		
}
#topicpath ul {
	display: inline;
	text-align:left
}
#topicpath ul li {
	float: left;
	margin-left: 3px;
}

#h2_image {
    height:75px;
	}


/*------------------------------------------------------------------
	MAIN - MAIN
------------------------------------------------------------------*/
#main {
	float: left;
	display: block;
	width: 755px;
	padding-bottom: 30px;
	padding-right:15px;
}

/*------------------------------------------------------------------
	MAIN - SIDEMENU
------------------------------------------------------------------*/
#side_menu {
	display: block;
	width: 150px;
	text-align: left;
	float: left;
}
ul#sidenavi {
	font-size: 77%;
}
ul#sidenavi li.sidenavi-element a {
	display: block;
	width: 120px;
	\width: 150px; /*for IE5*/
	w\idth: 120px; /*for modern browser*/
	padding: 10px 15px;
	color: #00468b;
	background:#fff url(../img/bg_tab.gif);
	border-top: 1px solid #9fb7d4;
	
	text-decoration: none;

}
ul#sidenavi li.sidenavi-element-on a {
	display: block;
	width: 120px;
	\width: 150px; /*for IE5*/
	w\idth: 120px; /*for modern browser*/
	padding: 10px 15px;
	color: #00468b;
	background:#fff url(../img/bg_tab_on.gif);
	border-top: 1px solid #9fb7d4;
	
	text-decoration: none;

}
ul#sidenavi li.sidenavi-element a:hover {
	color: #000099;
	background:#fff url(../img/bg_tab_on.gif);
}
ul#sidenavi li.sidenavi-element a:hover {
	color: #000099;
	background:#fff url(../img/bg_tab_on.gif);
}

/*---------------- ŏʂ̃TChj[݂̂ȉŐݒ -----------------*/
ul#sidenavi li.sidenavi-element02 a {
	display: block;
	width: 120px;
	\width: 150px; /*for IE5*/
	w\idth: 120px; /*for modern browser*/
	padding: 10px 15px;
	color: #00468b;
	background:#fff url(../img/bg_tab.gif);
	border-top: 1px solid #9fb7d4;
	border-bottom: 1px solid #9fb7d4;
	
	text-decoration: none;

}
ul#sidenavi li.sidenavi-element-on02 a {
	display: block;
	width: 120px;
	\width: 150px; /*for IE5*/
	w\idth: 120px; /*for modern browser*/
	padding: 10px 15px;
	color: #00468b;
	background:#fff url(../img/bg_tab_on.gif);
	border-top: 1px solid #9fb7d4;
	
	text-decoration: none;

}
ul#sidenavi li.sidenavi-element02 a:hover {
	color: #000099;
	background:#fff url(../img/bg_tab_on.gif);
}
ul#sidenavi li.sidenavi-element02 a:hover {
	color: #000099;
	background:#fff url(../img/bg_tab_on.gif);
}


/*---------------- ŏʂ̃TChj[݂̂ȉŐݒ -----------------*/

ul#sidenavi li.sidenavi-element-top a {
	display: block;
	width: 120px;
	\width: 150px; /*for IE5*/
	w\idth: 120px; /*for modern browser*/
	padding: 10px 15px;
	color: #00468b;
	background:#fff url(../img/bg_tabtop.gif);
	border-bottom: 1px solid #9fb7d4;
	text-decoration: none;
}
ul#sidenavi li.sidenavi-element-top-on a {
	display: block;
	width: 120px;
	\width: 150px; /*for IE5*/
	w\idth: 120px; /*for modern browser*/
	padding: 10px 15px;
	color: #00468b;
	background:#fff url(../img/bg_tabtop_on.gif);
	text-decoration: none;
	border-bottom: 1px solid #9fb7d4;
}
ul#sidenavi li.sidenavi-element-top a:hover {
	color: #000099;
	background:#fff url(../img/bg_tabtop_on.gif);
}
ul#sidenavi li.sidenavi-element-top a:hover {
	color: #000099;
	background:#fff url(../img/bg_tabtop_on.gif);
}




/*---------------- ʼnʂ̃TChj[݂̂ȉŐݒ -----------------*/

ul#sidenavi li.sidenavi-element-btm a {
	display: block;
	width: 120px;
	\width: 150px; /*for IE5*/
	w\idth: 120px; /*for modern browser*/
	padding: 10px 15px;
	color: #00468b;
	background:#fff url(../img/bg_tabbtm.gif) left bottom;
	
	text-decoration: none;
}
ul#sidenavi li.sidenavi-element-btm-on a {
	display: block;
	width: 120px;
	\width: 150px; /*for IE5*/
	w\idth: 120px; /*for modern browser*/
	padding: 10px 15px;
	color: #00468b;
	background:#fff url(../img/bg_tabbtm_on.gif) left bottom;
	/*border-top: 1px solid #9fb7d4;*/	
	text-decoration: none;
}
ul#sidenavi li.sidenavi-element-btm a:hover {
	color: #000099;
	background:#fff url(../img/bg_tabbtm_on.gif) left bottom;
}
ul#sidenavi li.sidenavi-element-btm a:hover {
	color: #000099;
	background:#fff url(../img/bg_tabbtm_on.gif) left bottom;
}

/*------------------------------------------------------------------
	MAIN - CONTENTS
------------------------------------------------------------------*/
#main_contents {
	width: 583px;
	padding: 0 0px;
	text-align: left;
	float: right;
	line-height:1.5em;
}
#main_contents_fl {
	width: 583px;
	padding: 15px 43px;
	text-align: left;
	margin:0 auto;
	
}
.box_bodytxt{
	padding: 0 0px 26px;
	width:583px;
	margin:0 auto;
	
	
}
.box_bodytxt p {
	margin-bottom: 1em;
	
		
}

.sbox_bodytxt{
	
	width:544px;
	margin:0 auto;
}

.sbox_bodytxt p {
	margin-bottom: 1em;
	width:520px;
	margin:0 auto;
		
}

.sbox_bodytxt02{
	
	width:570px;
	margin:0 auto;
}

.sbox_bodytxt02 p {
	margin-bottom: 1em;
	width:560px;
	margin:0 auto;
		
}




	
 
/*------------------------------------------------------------------
	FOOTER
------------------------------------------------------------------*/
#footer {
	clear: both;
	display: block;
	
	font-size: 77%;
	border-top: 1px solid #ccc;
	/*border-bottom: 1px solid #ccc;*/
	padding: 10px 0 7px 10px;
}
#footer ul {
	display: inline;
	color: #ccc;
}
#footer ul li {
	float: left;
	margin-left: 3px;
}

#ft_copyright {
	clear: left;
	float: right;
	padding: 2px 4px 2px 0;
	color:#555555;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	word-spacing:0.1em;
}

#footer a:link {
	color: #6e94db;
	text-decoration: none;
}
#footer a:hover {
	color: #466fbb;
	text-decoration: underline;
}
#footer a:visited {
	color: #6e94db;
	text-decoration: none;
}



/*------------------------------------------------------------------
	CASE
------------------------------------------------------------------*/
h4#case {
	background:url(../case/img/h4_bg.gif) no-repeat 0 0;
	text-align:center;
	width:259px;
	height:39px;
	margin:0;
	padding:0;
	padding-top:10px;
	margin-bottom:10px;
	font-size:110%;
}


#casebox01_btm {
    background:	url(../case/img/case_box01btm.gif) no-repeat bottom left;
	width:542px;
	padding-bottom:10px;
}

#casebox01_btm ul li{
    background:url(../case/img/icon_check.gif) no-repeat 0.4em 0.6em;
    width:465px;
	padding:10px 0px 5px 25px;
	margin:0 auto;
	text-indent:0;
	}	
	
#casebox01_btm ul {
  	padding-bottom:5px;
	padding-top:5px;
	}	

#casebox01 {
	margin:0 auto;
	width:542px;
	
}

#casebox02 {
	margin:0 auto;
	width:542px;
	
}

#casebox02_btm {
    background:	url(../case/img/case_box02btm.gif) no-repeat bottom left;
	width:542px;
	padding-left:auto;
	padding-right:auto;
	padding-bottom:20px;
	padding-top:10px;
	margin-bottom:25px;
}

#casebox02_btm_inner{/*FFでPをセンターにするためwidthを542pxにしてしまいがち*/
    text-align:center;
	margin:0 auto;
	padding:0 auto;
	width:470px;
}

#casebox02_btm p{
    width:470px;
	text-align:left;
}	
	
.casebox03_btm {
	background:	url(../case/img/case_box03btm.gif) no-repeat bottom left;
	width:515px;/*555pxにするとくずれてしまう左右のpaddinngの分を引く*/
	padding-left:20px;
	padding-right:20px;
	padding-bottom:30px;
	margin-bottom:15px;
	clear: both;
}
.casebox03 {
	width: 512px;
	border:#CCC dotted 1px;
	padding:10px 15px;
	margin-bottom:10px;
	margin:0 auto 10px;
	
}




.w190{
    width:190px;
	text-align:left;
	padding:5px;
	 
}	
	
.floatl_w190 {
    float:left;
	width:190px;
	
}


.floatr_w285 {
    float:right;
	width:285px;
	padding-top:10px;
		
}



.case_ttl{
	background:url(../case/img/bg_caseline.gif) repeat-x bottom left;
	color:#999999;
	font-size:110%;
	font-weight:bold;
	padding-bottom:2px;
	padding-right: 2px;
}
.case_ttl_w500{
	background:url(../case/img/bg_caseline.gif) repeat-x bottom left;
	color:#999999;
	font-size:110%;
	font-weight:bold;
	padding-bottom:2px;
	padding-right: 2px;
}   
.w500{
    width:500px;
	text-align:left;
	padding:5px;
	 
}	
.img_w500{
    width:500px;
}

.icon_rd01 {
	margin-right:5px;
	vertical-align:text-bottom;
}

.sup {
	color:#999;
	font-size:80%;
	
}

/*------------------------------------------------------------------
	SERVICE
------------------------------------------------------------------*/

.floatl_w200 {
    float:left;
	width:222px;
	background-color:#ddd;
	border:#CCC solid 1px;
}
.floatr_w200 {
    float:right;
	width:222px;
	background-color:#ddd;
	border:#CCC solid 1px;
}

.servtopcatewrap {
    margin-bottom:20px;
}

.servtopfloatwrap {
    width:480px;
	min-height:100px;
	margin:0 50px;
			
}

/*.lis_servtop {
    margin-top:10px;
    padding-left:20px;
	padding-bottom:20px;
    border-bottom:dotted #CCCCCC 1px;
	border-left:dotted #CCCCCC 1px;
	width:205px;
}*/

.lis_servtop {
    margin-top:0px;
    padding-left:3px;
	padding-bottom:2px;
	
	
    
	
}

.lis_servtop_out {
    padding:3px 0px 0px 0px;
	background-color:#dddddd;
	border:#CCC solid 1px;
    
	
}
.lis_servtop li {
    background:url(../img/icon_bl02.gif) no-repeat 2em 0.5em;
	padding-left:38px;
	background-color:#FFF;
	margin-right:3px;
	margin-bottom:1px;
	padding-right:3px;
	padding-top:2px;
	padding-bottom:2px;
	
    
}

.lis_servtop dd {
    background:url(../img/icon_bl02.gif) no-repeat 0 0.3em;
	padding-left:12px;
    
}


 .serv_tbl01 {
	border:solid 1px #CCC;
	border-collapse:collapse;
	
}

.serv_tbl01 td {
	border:solid 1px #CCC;
	border-collapse:collapse;
}

.serv_tbl01 th {
	border:solid 1px #CCC;
	border-collapse:collapse;
	background-color:#eeeeee;
}



/*------------------------------------------------------------------
	SERVICE-HARD
------------------------------------------------------------------*/

.servhardbox01top {
    background:url(../service/img/serv_box01top.gif) no-repeat 0 0;
	padding:10px 20px 0px;
	padding-left:20px;
	
	
}

.servhardbox01top img{
    vertical-align:text-top;
    padding-right:10px;;	
   
	
}

.servhardbox01btm {
   background:url(../service/img/serv_box01btm.gif) no-repeat bottom left;
   padding:10px 30px 20px 30px;
   margin-bottom:20px;
     
}




.servhardtxt01 {
   width:523px;
   margin:10px;
   background:url(../service/img/img_hard01.jpg) no-repeat right top;
   min-height:150px;
   
     
}
.servhardtxt02 {
   width:523px;
   margin:10px;
   background:url(../service/img/img_hard02.jpg) no-repeat right top;
   min-height:150px;
}
.servhardtxt03 {
   width:523px;
   margin:10px;
   background:url(../service/img/img_hard03.jpg) no-repeat right top;
   min-height:150px;
}

.servhardtxt04 {
   width:523px;
   margin:10px;
   background:url(../service/img/img_hard04.jpg) no-repeat right top;
   min-height:150px;
}
.servhardtxt01 p,.servhardtxt02 p,.servhardtxt03 p,.servhardtxt04 p{
   width:210px;
   margin-left:0;
   margin-top:40px;
}
.devfloatphoto {
    width:206px;
	margin-left:15px;
	float:right;
	margin-top:10px;
}

.devmeswrap {
    width:573px;
	padding:0 5px;
}	

/*------------------------------------------------------------------
	inquiry
------------------------------------------------------------------*/

fieldset ol{
background:top url(inquiry/img/bg.gif) repeat-x;
border:1px solid #bfbab0;
padding:1em;
list-style:none;
}
fieldset li{
margin:0 1px;
padding:1em 0;
}

label{
float:left;
width:8em;
text-align:right;
position:relative;
margin-right:1.5em;
}

label em{
position:absolute;
left:8.2em;
top:0;
}
.left_box {
	float: left;
	width: 190px;
}

/*------------------------------------------------------------------
	soft
------------------------------------------------------------------*/
.soft_tbl01 td {
	border-bottom:dotted 1px #CCC;
	border-collapse:collapse;
}


.soft_txt {
	padding-bottom:20px;
	margin-bottom:10px;
	border-bottom:dotted 1px #999;
}

.soft_txt dd {
	padding-left:30px;
}

.soft_txt02 {
	padding-bottom:20px;
	margin-bottom:10px;
	
}

.soft_txt02 dd {
	padding-left:30px;
}

.soft_tbl02 .th01 {
	background-color:#CCF;
	text-align:center;
	font-weight:bold;
	
}

.soft_tbl02 .th02 {
	background-color:#ebf4ff;
	
	font-weight:bold;
	
}

.soft_tbl02 {
	border:solid 1px #bbb;
	border-collapse:collapse;
	
}

.soft_tbl02 td {
	border:solid 1px #bbb;
	border-collapse:collapse;
	padding:3px;
	text-align:center;
}

.soft_tbl02 th {
	border:solid 1px #bbb;
	border-collapse:collapse;
	padding:3px;
}

.soft_tbl03 {
	border:solid 1px #CCC;
	border-collapse:collapse;
}

.soft_tbl03 td {
	border:solid 1px #CCC;
	border-collapse:collapse;
}

.soft_tbl03 th {
	border:solid 1px #CCC;
	border-collapse:collapse;
	background-color:#eeeeee;
}


/*------------------------------------------------------------------
	support
------------------------------------------------------------------*/


.support_txt {
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	margin-bottom:10px;
	border-bottom:dotted 1px #999;
}

.support_txt table {
		margin-left:10px;
		margin-right:10px;
	
}

.support_txt table th {
	background:url(../img/icon_gr01.gif) no-repeat 0em 0.3em;
	padding-left:15px;
		
	
}