/* Basic */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0; vertical-align:top;}

/* input */
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle;margin:2px;padding:0px;}
input.txt,textarea.txt {margin:2px;padding:6px;border:1px solid #d6d6d6;vertical-align:middle;font-size:14px;color:#333;}
select {margin:2px;padding:6px;border:1px solid #d6d6d6;vertical-align:middle;font-size:14px;color:#333;}
input.ime {ime-mode: disabled;}

input.w_msl {width:430px;}
input.w_name {width:430px;}
input.w_mail {width:430px;}
input.w_tel {width:430px;}
textarea.w_msl {width:430px;}
input.w_name_new {width:300px;}
input.w_mail_new {width:430px;}
input.w_add01 {width:150px;}
input.w_tel_new {width:300px;}

.clear_fix {min-height: 1em;_height: 1px;_overflow: visible;}
.layout_l {float:left;}
.layout_r {float:right;}
.clear{ clear:both;}

/* AFTER要素 */
.clear_fix:after {content: "";display: block;clear: both;height: 0px;overflow: hidden;}

/* 基本部分 */
#header li,
#left_side li,
#right_side li,
#footer li,
.table_block li {list-style:none;}
span.disno {display:none;}
span.txt_nml {color:#1a1a1a;}
span.txt_red {color:#ce0000;}
span.font_b {font-weight:bold;}
p.txt_r {text-align:right;}

/*アルファ設定*/
a.alpha:hover img {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#oya_box {
	position: relative;
	width: 709px;
}
#k_box {
	position: absolute;
	left: 289px;
	top: 116px;
}


a {color:#232020;text-decoration:underline;}
a:hover {color:#ce0000;text-decoration:underline;}

body {
font-family: Meiryo, arial, sans-serif;
margin: 0px;
padding: 0px;
font-size:90%;
text-align: center;
background: #fff;
}
#wrapper {
margin: 0px auto;
padding: 0px;
}

/*ヘッダー設定*/
#header {margin: 0px auto;padding: 0px;}

/*ヘッダーロゴエリア*/
#header .header_inn {width: 960px;margin: 0px auto;padding: 0px;}
#header p.logo {margin: 20px 0px 0px 0px;padding: 0px;text-align:left;}
#header h1 {padding: 2px 0px;font-size:80%;color:#001039;}
#header div.h_contact_inn {padding: 20px 0px;}
#header div.h_contact_inn p {padding: 0px 0px 0px 10px;}

/*グローバルナビ*/
#header .g_navi {height:84px;margin: 0px auto;padding: 0px;background: url(../images_new/navi/navi_bg.gif) left top repeat-x;}
#header .g_navi ul {width: 960px;margin: 0px auto;padding: 0px;}
#header .g_navi li {float:left;padding: 0px;}



/*コンテンツ部分設定*/
#contents {margin: 0px auto;}
.main_img {margin: 0px auto;padding: 0px;background: url(../images_new/top/main_bg.jpg) left top repeat-x;}
.main_img p {width: 960px;margin: 0px auto;padding: 0px 0px 2px 0px;}

.con_h2_img {margin: 0px auto;padding: 0px;background: url(../images_new/h2/h2_bg.gif) left top repeat-x;}
.con_h2_img h2 {width: 960px;margin: 0px auto;padding: 0px 0px 2px 0px;}

#main {margin: 0px auto;padding: 0px;background: url(../images_new/common/common_gr_bg.gif) left top repeat-x;}
#main_inn {width: 960px;margin: 0px auto; padding:40px 0px 20px 0px;}



/*コンテンツメイン部分設定*/
#right_main {float:right;width:716px;margin: 0px;padding: 0px;}
.nlm_block {width:700px;margin: 0px 0px 10px 0px;padding: 5px 8px;}

.con_block_w {width:958px;margin: 0px auto 10px auto;padding: 1px;border: 1px solid #d0d2c6;}

.cloud{width:710px; border:#2ea7e0 1px solid;}

.web{width:710px; border:#f29200 1px solid;}

		  
#shohinBox {
    width: 690px;
    margin: 0 auto;
}
#parent {
    width: 690px;
    margin-right: -20px;
}
#parent .child {
    width: 219px;
    margin:7px 5px;
    float: left;
    display: inline;    /*for ie*/
}
#parent .child .img {
    width: 219px;
    height: 98px;
}
		 

/*トップページ設定（事業紹介エリア）*/
.oya{width:710px; position: relative; border:#CCCCCC 1px solid;}
.ko01{
	position:absolute;
	left: 227px;
	top: 237px;
}
.ko02{
	position:absolute;
	left: 581px;
	top: 237px;
}
.ko03{
	position:absolute;
	left: 227px;
	top: 467px;
}
.ko04{
	position:absolute;
	left: 581px;
	top: 467px;
}

.ko05{
	position:absolute;
	left: 227px;
	top: 691px;
}
.ko06{
	position:absolute;
	left: 581px;
	top: 691px;
}


.biz_block {width:341px;margin: 0px 0px 10px 0px;padding: 1px 0px 0px 0px;border: 1px solid #d0d2c6;}
.biz_block_inn {margin: 0px;padding: 5px;border-top: 3px solid #4B8FCD;text-align:left;}
h2.ti_img {padding: 5px 5px 0px 5px;}
p.det_bt {padding: 0px 5px 5px 5px;text-align:right;}
p.det_bt a {background:#fff;}
.biz01 {background: url(../images_new/top/biz_bg01.gif) right bottom no-repeat;}
.biz02 {background: url(../images_new/top/biz_bg02.gif) right bottom no-repeat;}
.biz03 {background: url(../images_new/top/biz_bg03.gif) right bottom no-repeat;}
.biz04 {background: url(../images_new/top/biz_bg04.gif) right bottom no-repeat;}

/*ニュース部分設定*/
#news_area{
	overflow: scroll;
	width: 690px;
	height: 250px;
	padding:10px;
}


.bgcol{background-color:#E4ECFC;}

div.u_line {width:695px;margin: 5px auto 0px auto;background: url(../images_new/common/h3_ti_bg.gif) left bottom no-repeat;}
div.u_line h3 {padding: 8px 0px 8px 28px;background: url(../images_new/common/h3_ti_ico.gif) left center no-repeat;text-align:left;}

div.co_line {width:695px; height:20px;margin: 20px auto 10px auto;background: url(../images_new/common/h3_co_bg.gif) left bottom no-repeat;}
div.co_line h3 {padding: 6px 0px 8px 30px;text-align:left; font-size:15px; }


div.news_area {margin: 0px;padding: 10px 10px;background: url(../images_new/common/common_gr_bg2.gif) left top repeat-x;text-align:left;font-size:80%;}
div.news_box {width:690px;margin: 5px auto;padding: 0px 0px 5px 0px;border-bottom: 1px dotted #d0d2c6;}
div.cloud_box {width:690px;margin: 5px auto;}
div.semi_pic {width:115px;}
div.news_box_inn {width:560px;}
div.news_box_inn02 {width:670px;}


div.news_time {padding: 0px 0px 3px 0px;border-bottom: 1px dotted #d0d2c6;}
div.news_time p.news_time_det {padding: 3px 0px 0px 0px;}
span.sp_area {width:100px;display:block;padding: 3px;background:#003073;font-size:11px;color:#fff;text-align:center;}
div.news_det {padding: 3px 0px 0px 0px;}
p.news_ti {padding: 3px 0px;font-size:120%;}
p.news_cap {padding: 2px 0px 5px 0px;}
p.news_name {padding: 2px 0px 2px 0px;text-align:right;}

/*サイド左部分設定*/
#left_side {float:left;width:236px;margin: 0px;padding: 0px;}
#left_side .side_bn {margin: 0px;padding: 0px;}
#left_side .side_bn p {margin: 0px;padding: 0px 0px 7px 0px;}
#left_side .side_bn p.pdb20 {margin: 0px;padding: 0px 0px 15px 0px;}
#left_side .side_dl_area {width:236px;height:124px;margin: 10px 0px 5px 0px;padding: 0px;background: url(../images_new/side/side_bt04_bg.gif) left top no-repeat;position: relative;}
#left_side .side_dl_area p.side_dl_bt {position: absolute;width:106px;height:35px;top: 78px;left: 10px;}
#left_side .side_dl_area p.side_tmp_bt {position: absolute;width:106px;height:35px;top: 78px;left: 121px;}

#left_side .side_con_link {margin: 0px 0px 10px 0px;padding: 1px;border: 1px solid #eaeaea;}
#left_side .side_con_link_inn {margin: 0px;padding: 0px;border: 1px solid #cacaca;text-align:left;}
#left_side .side_con_link p.side_bt_link {margin: 0px;padding: 0px;}
#left_side .side_con_link_inn ul {padding: 5px;font-size:90%;}
#left_side .side_con_link_inn li {padding: 2px 0px 0px 15px;border-bottom: 1px dotted #d0d2c6;background: url(../images_new/common/arw_ico_or.gif) left center no-repeat;}
#left_side .side_con_link_inn a {padding: 0px;}



/*サイド左～セミナー枠*/

.semiBox{ border:#CCCCCC 1px solid;
          width:236px;
		  height:400px;
		  overflow-y:scroll;
}

.semiBox_short{ border:#CCCCCC 1px solid;
          width:236px;
		  height:200px;
		  overflow:scroll;
}

/*ニュース部分設定*/
.newsBox{border:#CCCCCC 1px solid;
          width:348px;
		  height:350px;
		  overflow: scroll;}



/*クラウドシステム紹介部分設定*/
div.u_line_w {width:928px;margin: 5px auto 10px auto;background: url(../images_new/common/h3_ti_w_bg.gif) left bottom no-repeat;}
div.u_line_w h3 {padding: 8px 0px 8px 28px;background: url(../images_new/common/h3_ti_ico.gif) left center no-repeat;text-align:left;}
div.sys_box {width:928px;margin: 5px auto;}
div.sys_box_inn {
	width:340px;
	height:230px;
	margin: 0px auto 10px auto;
	padding: 0px 0px 10px 0px;
	border: 1px solid #d0d2c6;
}
div.sys_box_inn h4 {margin: 0px auto;padding: 0px;}
div.sys_box_inn_det {
	width:340px;
	margin: 0px auto 10px auto;
	padding: 10px;
}
div.sys_box_inn_det .sys_pic {width:150px;}
div.sys_box_inn_det .sys_link {
	width:170px;
	text-align:left;
	margin-right:5px;
}
ul.sys_link_det {padding: 10px 0px;}
ul.sys_link_det li {padding: 0px 0px 0px 15px;font-size:14px; font-weight:bold; line-height:1.1em;}
ul.link01 li {background: url(../images_new/common/arw01.png) left center no-repeat;}
ul.link02 li {background: url(../images_new/common/arw02.png) left center no-repeat;}
ul.link03 li {background: url(../images_new/common/arw03.png) left center no-repeat;}
ul.link04 li {background: url(../images_new/common/arw04.png) left center no-repeat;}
ul.link05 li {background: url(../images_new/common/arw05.png) left center no-repeat;}
ul.link06 li {background: url(../images_new/common/arw06.png) left center no-repeat;}
div.sys_box li {list-style:none;}
div.sys_box_inn li {list-style:none;}
div.sys_box a {text-decoration:none;}
div.sys_box_inn a {text-decoration:none;}
div.sys_box a:hover {text-decoration:underline;}
div.sys_box_inn a:hover {text-decoration:underline;}
div.sys_box_inn_ulink {width:440px;margin: 0px auto;padding: 0px;}
div.sys_box_inn_ulink li {padding: 0px 5px 0px 0px;}


/*フッター部分設定*/
#footer {margin: 20px auto 0px auto;padding: 0px;}
#footer div.pagetop {margin: 0px auto;padding: 0px;text-align:right;border-bottom: 10px solid #4B8FCD;}
#footer div.page_top_inn {width:960px;margin: 0px auto;}
#footer div.pagetop p {padding: 0px;}
#footer div.pagetop p.page_top_link {padding: 10px 0px 0px 0px;}
#footer a.top_link {padding: 0px 0px 0px 25px;background: url(../images_new/common/arw_n01.png) left center no-repeat;text-decoration:none;font-size:12px;}

#footer div.footer_contact {margin: 0px auto;padding: 10px 0px 0px 0px;text-align:center;border-bottom: 2px solid #4B8FCD;}
#footer div.footer_contact_inn {width:960px;margin: 0px auto;text-align:left;}
.f_logo {padding: 0px;}
.f_add {padding: 2px;font-size:12px;}
.f-btn {margin: 0px auto;padding: 0px;text-align:center;}

.listTitle {width:900px; height:20px; margin: 0px auto;padding: 5px 0px;position: relative;}
.footertitle01{
	font-size:15px;
	color:#000099;
	position:absolute;
	line-height:1.5em;
	left: 1px;
}
.footertitle02{
	font-size:15px;
	color:#00C;
	position:absolute;
	left: 364px;
	top: 6px;
	line-height:1.5em;
}

#footer .footer_link {width:900px; height:30px; margin: 0px auto;padding: 5px 0px;}
#footer .footer_link .f_link_box {width:180px;}

#footer .footer_link ul {margin: 10px auto;padding: 0px;font-size:80%;text-align:left;}
#footer .footer_link li {margin: 0px;padding: 0px 0px 2px 5px;}
#footer .footer_link a {margin: 0px;padding: 0px 0px 0px 15px;display:block;background: url(../images_new/common/arw_n02.png) left center no-repeat;}

#footer .copy_area {margin: 10px auto 0px auto;padding: 20px 0px;background: #4B8FCD;}
.copy_area_inn {width:960px;margin: 0px auto;}
.copy_area_inn p {padding: 10px 0px;color:#fff;font-size:11px;text-align:right;}

.call_center_box {
    width: 710px;
    height: 282px;
    background-image: url(../images_new/top/call_center.jpg);
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 20px;
}

.call_center_box p {
    position: absolute;
    bottom: 15px;
    right: 0;
    left: 0;
    margin: 0 auto;
    font-size: 13px;
    color: #4d4d4d;
    line-height: 150%;
}





/*カラー*/

.nv{color:#000099;
}
.red {
	color: #A80000;
}

.rd {
	color:#F00;
}
.ac {
	color: #61C1BE;
}
.or {color:#FF6633;
}

/*文字サイズ*/


.size16 {
	font-size: 16px;
}

.size18 {
	font-size: 18px;
}
.pL20{padding-left:20px;}


/*マージン*/

.mgb20{ margin-bottom:20px;}

.mgTB20{ margin:20px 0;}

.mgL10{margin-left:10px;}
.mgR10{margin-right:10px;}
.mgTB15{margin:15px 0px;}