body#smoothfirst {overflow-x:hidden;}
.sf_color { color:#00AFEC !important; }
.sf_bg { background-color:#f2fbfe !important; }


/* top */

.top_img_smooth {
    height: 563px;
    background-image:url(/smooth/img/top_img_bg.png) ; //全体の背景
    position: relative;
	text-align:center;
	margin: -10px 0 0 0;
}


#pro_top_jirei {
    position: relative;
    top: -165px;
    margin-left:597px;
}

#pro_top_jirei a img { transition: 0.4s ; }


.tit_smooth {
    font-size: 34px;
    font-weight: bold;
    border-bottom: 5px solid #1F6A98;
    margin-top: 45px;
}

.tit_large_sf {
    font-size: 40px;
    color: #00AFEC;
    font-weight: bold;
    margin-bottom: 0em;
    line-height: 1.2em;
    padding-bottom: 0.2em;
}

.tit_jirei_tf { background-color:#00AFEC !important; }


/* headnavi */

div#smooth_globalnavi100{
width:100%;
height:60px;
text-align:center;
background-color: #00AFEC;
}

ul.smooth_globalnavi{
padding:0;
margin: 0 auto;
width:943px;
list-style:none;
display:block;
}

ul.smooth_globalnavi li { float:left; margin:0; }
ul.smooth_globalnavi li a {color:#fff !important ; transition: 0.4s; }


#globalNavi ul li a{
	background:#666;
	width: 20%;
	float: left;
	padding:20px 0;
	text-align: center;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #777;
	box-sizing: border-box;
}
#globalNavi ul li a:hover{
	background:#333;
}

/* a:hover */
ul.smooth_globalnavi li.menu01 a:hover,
ul.smooth_globalnavi li.menu02 a:hover,
ul.smooth_globalnavi li.menu03 a:hover,
ul.smooth_globalnavi li.menu04 a:hover,
ul.smooth_globalnavi li.menu05 a:hover,
ul.smooth_globalnavi li.menu06 a:hover,
ul.smooth_globalnavi li.menu07 a:hover{
background-color:#40c4f1;
width:155px ;
height:50px;
display:block;
text-decoration:none; 
color:#fff;
}

/* a: */
ul.smooth_globalnavi li.menu01 a,
ul.smooth_globalnavi li.menu02 a,
ul.smooth_globalnavi li.menu03 a,
ul.smooth_globalnavi li.menu04 a,
ul.smooth_globalnavi li.menu05 a,
ul.smooth_globalnavi li.menu06 a,
ul.smooth_globalnavi li.menu07 a{ 
width:155px ;
height:50px;
display:block;
line-height:50px;
font-size:14px;
font-weight:bold;
color: #333;
text-align:center;
}

/* line */
ul.smooth_globalnavi li.menu01,
ul.smooth_globalnavi li.menu02,
ul.smooth_globalnavi li.menu03,
ul.smooth_globalnavi li.menu04,
ul.smooth_globalnavi li.menu05,
ul.smooth_globalnavi li.menu06,
ul.smooth_globalnavi li.menu07{ 
border-left:#dedede 1px solid;
height:50px;
display:block;
margin:5px 0;
padding:0;
}

ul.smooth_globalnavi li.menu06 { 
border-right:#dedede 1px solid;
height:50px;
display:block;
margin:5px 0;
padding:0;
}


/*menu01*/
body.about ul.smooth_globalnavi li.menu01 a {
background-color:#40c4f1;
}

/*menu02*/
body#client ul.smooth_globalnavi li.menu02 a,
body#kanri ul.smooth_globalnavi li.menu02 a,
body#monitoring ul.smooth_globalnavi li.menu02 a{
background-color:#40c4f1;
}

/*menu03*/
body#costcut ul.smooth_globalnavi li.menu03 a{
background-color:#40c4f1;
}

/*menu04*/
body.use ul.smooth_globalnavi li.menu04 a{
background-color:#40c4f1;
}

/*menu05*/
body#jirei ul.smooth_globalnavi li.menu05 a{
background-color:#40c4f1;
}

/*menu06*/
body#support ul.smooth_globalnavi li.menu06 a{
background-color:#40c4f1;
}


/* new_box */

#new_box { background-color:#f2fbfe !important; }
#new_box p.whatsnew { background-color:#00b0ec !important; }


/* top */

.tit_smooth {
    font-size: 34px;
    font-weight: bold;
    border-bottom: 5px solid #00AFEC;
    margin-top: 45px;
}


.subtit_kadai { background-color: #00AFEC !important; }



/* entry */

#defpro_header {
    background-image: url(/smooth/item/pro_head_back.gif) !important;
}

.tit02 {
    color: #00AFEC !important;
    font-weight: bold !important;
    margin:8px 0 !important;
}

.tit03 {
    color: #00AFEC !important;
    font-weight: bold !important;
    margin:8px 0 !important;
    font-size: 16px;
}


.h2-tit {
    border-bottom: solid 5px #00AFEC !important;
}

.subtit-sf {
    background-color: #00AFEC;
    color: #fff;
    padding: 7px 15px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    margin-bottom: 25px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(/css/ie-css3.htc);
}

/* SUBNAV HIGHLIGHT STATES */
body.check .pro_940 #p-side #subnav3 ul li#sn-check,
body.faxsearch .pro_940 #p-side #subnav3 ul li#sn-faxsearch,
body.input .pro_940 #p-side #subnav3 ul li#sn-input,
body.henshin .pro_940 #p-side #subnav3 ul li#sn-henshin,
body.access .pro_940 #p-side #subnav3 ul li#sn-access,
body.log .pro_940 #p-side #subnav3 ul li#sn-log,
body.master .pro_940 #p-side #subnav3 ul li#sn-master,
body#monitoring .pro_940 #p-side #subnav3 ul li#sn-monitoring
{ font-weight:bold;  }


body.check .pro_940 #p-side #subnav3 ul li#sn-check a,
body.faxsearch .pro_940 #p-side #subnav3 ul li#sn-faxsearch a,
body.input .pro_940 #p-side #subnav3 ul li#sn-input a,
body.henshin .pro_940 #p-side #subnav3 ul li#sn-henshin a,
body.access .pro_940 #p-side #subnav3 ul li#sn-access a,
body.log .pro_940 #p-side #subnav3 ul li#sn-log a,
body.master .pro_940 #p-side #subnav3 ul li#sn-master a,
body#monitoring .pro_940 #p-side #subnav3 ul li#sn-monitoring a
{ color:#000; cursor:default; background-position:-389px 50%;  }

/* jirei */
body#jirei #g-main { width:700px !important; }


#news .h2-tit { margin-bottom: 15px !important; }
















p.main-img-txt {
    margin: 0;
    padding:20px 0 0 5px;
    font-size: 28px;
    font-weight: bold;
    line-height: 26px;
    color: #333;
}
h2.main-img-txt {
    margin: 0;
    padding:20px 0 0 5px;
    font-size: 28px;
    font-weight: bold;
    line-height: 26px;
    color: #333;
}
.recommend-box {
    width: 200px;
    height: 100%;
    margin: 0 5px 0 0;
    padding: 8px;
    border: solid 1px #9a9a9a;
    background-color: #fff;
    -moz-border-radius: 5px;    /*Firefox*/
    -webkit-border-radius: 5px; /*Safari,Chrome*/
    border-radius:8px;         /*CSS3*/
    behavior:url(/css/ie-css3.htc);/*ie*/
    position: relative;
}

div.dd_dot {
    margin:30px 15px 0 15px;
    padding:30px;
    border: dashed 2px #d8d8d8;
    background-color: #fff;
    background-image: none;
    -moz-border-radius: 5px;    /*Firefox*/
    -webkit-border-radius: 5px; /*Safari,Chrome*/
    border-radius:8px;         /*CSS3*/
    behavior:url(/css/ie-css3.htc);/*ie*/
    position: relative;
}

/*products*/
#g-main h3 {
    margin: 50px 0 5px;
    size: 12px;
    font-weight: bold;
}
body#smoothfirst #g-main h3 {
    margin: -30px 0 5px;
    size: 12px;
    font-weight: bold;
    color: #0082c7 !important;
}
body#client #g-main h3,
body#client #g-main h4 {
    margin: 0 0 5px;
    size: 12px;
    font-weight: bold;
    color: #0082c7 !important;
}
p.tit-exp {
    margin: 20px 0 10px;
    line-height: 20px;
    font-size: 13px;
}
p.more {
    color: #333;
    font-size: 13px;
}
p.index {
    font-size: 14px;
    color: #777;
}
p.index_02 {
    font-size: 24px;
    font-weight: bold;
    color: #777;
}
p.index_03 {
    font-size: 18px;
    font-weight: bold;
    color: #777;
    margin: -0.5em 0;
}
p.kinou-tit {
    font-size: 20px;
    font-weight: bold;
    color: #777;
}
p.tit_01,
h2.tit_01 {
    font-size: 29px;
    line-height:36px;
    font-weight: bold;
    color: #0081c7;
    margin: 8px 0;
}
p.tit_01 span.small {
    font-size: 14px;
    color: #0081c7;
}
p.tit_02 {
    font-size: 14px;
    font-weight: bold;
    color: #80691e;
    margin: 0 0 25px;
}
p.tit_03 {
    font-size: 14px;
    color: #668ab8;
    font-weight: bold;
}
h2.kadai {
    font-size: 18px;
    font-weight: bold;
    color: #80691e;
    margin: 0 0 0.1em;
    padding: 0;
}
p.kadai {
    font-size: 1.1em;
    font-weight: bold;
    color: #333;
    margin: 0 0 0.1em;
    padding: 0 0 0.5em;
}
p.kaiketsu {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #0081c7;
    margin: 0 0 0.1em;
    padding: 0;
}
p.kaiketsu2 {
    font-size: 1.1em;
    font-weight: bold;
    color: #0081c7;
    margin: 0 0 0.1em;
    padding: 0 0 0.5em;
}
.kadai_tbl {
    position: relative;
    border-collapse: separate;
    border-spacing: 8px;
}
.kadai_td {
    width: 48%;
}
.kadai_bd {
    vertical-align: top;
    padding:15px 15px 8px 15px;
    border: dotted 2px #80691e;
}
.kaiketsu_bd {
    vertical-align: top;
    padding:15px 15px 8px 15px;
    border: solid 2px #0081c7;
}
.kadai_bd img,
.kaiketsu_bd img {
    float: right;
    vertical-align: bottom;
}
.before {
    padding-left: 22px !important;
    background: url("item/ico_before.png") left 2px no-repeat;
}
.after {
    padding-left: 22px !important;
    background: url("item/ico_after.png") left 2px no-repeat;
}
body#client #g-main ul li {
    margin: 0;
    padding: 0.2em 0;
}

/*kousei_table*/
table.kousei-base {
    text-align: center;
    width: 620px;
    margin: 0 0 10px;
    padding: 0;
}
table.kousei-base tr td.appli {
    width: 110px;
}
table.appli-box {
    background-color: #f7f7f7;
    margin: 0;
    padding: 0;
}
table.appli-box tr td.img {
    padding: 12px;
}
table.appli-box tr td.step {
    font-weight: bold;
    color: #006;
}
table.appli-box tr td.name {
    font-weight: bold;
    color: #777;
    height: 40px;
}
table.appli-box tr td.kaisetsu {
    font-size: 11px;
    padding: 3px 7px;
    height: 160px;
    vertical-align: text-top;
}
table.appli-box tr td.link-txt {
    font-size: 12px;
    padding: 7px;
    vertical-align: text-top;
    height: 18px;
}

/*products_tab*/
body#client .pro-box_tab{margin-top:-3px;}
/*client-tab*/
#menu-cl ul{margin:0px;padding:0px;width:700px;z-index:3;overflow:hidden;border:none;}
#menu-cl ul li{float:left;display:block;margin:0;padding:0;border:none;}
#menu-cl ul li a {display:block;width:175px;height:65px;margin:1px 0 0 0;padding:0px;text-indent:-9999em;background:url(/smooth/item/cl_tab.png) no-repeat;border:none;}

/* client-tab normal */
#menu-cl ul li.cl01 a { background-position:0 -65px;}
#menu-cl ul li.cl02 a { background-position:-175px -65px;}
#menu-cl ul li.cl03 a { background-position:-350px -65px;}
#menu-cl ul li.cl04 a { background-position:-525px -65px;}

/* client-tab hover */
#menu-cl ul li.cl01 a:hover{ background-position:0 0;}
#menu-cl ul li.cl02 a:hover{ background-position:-175px 0;}
#menu-cl ul li.cl03 a:hover{ background-position:-350px 0;}
#menu-cl ul li.cl04 a:hover{ background-position:-525px 0;}

/* client-tab active */
body.check #menu-cl ul li.cl01 a{ background-position:0 -130px;}
body.faxsearch #menu-cl ul li.cl02 a{ background-position:-175px -130px;}
body.input #menu-cl ul li.cl03 a{ background-position:-350px -130px;}
body.henshin #menu-cl ul li.cl04 a{ background-position:-525px -130px;}


/*kanri-tab*/
#menu-mg ul{margin:0;padding:0;width:700px;background:#fff;z-index:3;overflow:hidden;}
#menu-mg ul li{float:left;display:block;margin:0;padding:0;}
#menu-mg ul li a{display: block;width: 233px;height: 65px;margin:0;padding:0;text-indent:-9999em;background:url(/smooth/item/kanri_tab.png) no-repeat;}

/* kanri-tab normal */
#menu-mg ul li.mg01 a { background-position:0 -65px;}
#menu-mg ul li.mg02 a { background-position:-233px -65px;}
#menu-mg ul li.mg03 a { width: 234px;background-position:-466px -65px;}

/* kanri-tab hover */
#menu-mg ul li.mg01 a:hover{ background-position:0 0;}
#menu-mg ul li.mg02 a:hover{ background-position:-233px 0;}
#menu-mg ul li.mg03 a:hover{ width: 234px;background-position:-466px 0;}

/* kanri-tab active */
body.access #menu-mg ul li.mg01 a{ background-position:0 -130px;}
body.log #menu-mg ul li.mg02 a{ background-position:-233px -130px;}
body.master #menu-mg ul li.mg03 a{ width: 234px;background-position:-466px -130px;}

/* kadou */
body.kadou table tr th { background-color:#f2fbfe; }

/* 201512renual */
.jirei_re01 {
    position: relative;
    top: -132px;
    right: -440px;
}
#cv_button a {
    margin: 0 0 0 14px;
    padding: 0;
    height: 60px;
    width: 225px;
    display: block;
    float: left;
    text-indent: -99999px;
}	
#cv_button a.shiryo {
    margin: 0;
    background: url("/smooth/item/cv_shiryo.png") left top no-repeat;
}
#cv_button a.shiryo:hover {
    margin: 0;
    background: url("/smooth/item/cv_shiryo.png") left bottom no-repeat;
}
#cv_button a.dl {
    margin: 0 12px 0 12px;
    background: url("/smooth/item/cv_dl.png") left top no-repeat;
}
#cv_button a.dl:hover {
    margin: 0 12px 0 12px;
    background: url("/smooth/item/cv_dl.png") left bottom no-repeat;
}
#cv_button a.mail {
    margin: 0;
    background: url("/smooth/item/cv_mail.png") left top no-repeat;
}
#cv_button a.mail:hover {
    margin: 0;
    background: url("/smooth/item/cv_mail.png") left bottom no-repeat;
}
.b_dl {
float: left;
}
.b_dlContainer {
overflow: hidden;
}

/* 20160517 */
.txt_dl{
    margin-bottom:5px;
	 }
.b_tel{
    margin-top:7px;
	 }
.yajirushi_g{
    margin-top:5px;
	 }
.kadai_blue_box_02{
     background: url("img/t_kadai_ico.png") no-repeat;
	 background-position:5pt 10pt;
	 border: 1.5px #1F6A98 dashed;
	 padding:13px 3px 3px 15px ; 
	 border-radius: 5px;
	 font-size:16px; 
	 font-weight:bold; 
	 text-align:center;
	 width:190px;  
	 float: left; 
	 height:54px;     
     margin:0 8px;
	 }

table.use-point tr td.point {
    background: #999;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}
table.use-point tr td.kouka {
    background-color: #09c;
    color: #fff;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}
table.use-point tr td.kouka-txt em {
    color: #f90;
}
table.use-point tr td.sp {
    height: 10px;
    width: 10px;
}
table.use-point tr td {
    _font-size: 0.85em;
}

body#index table.use-point {
    border-collapse: separate;
    border-spacing: 5px;
    margin: 1em auto;
}
body#index table.use-step {
    border-collapse: separate;
    border-spacing: 2px;
    margin: 1em auto;
    width: 660px;
}
body#index table.use-step td {
    font-size: 0.9em;
}

/* clearfix */
.b_dlContainer:before,
.b_dlContainer:after {
content: "";
display: table;
}
.b_dlContainer:after {
clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.b_dlContainer {
zoom: 1;
}


.jirei_re02 {
    position: relative;
    top: -112px;
    right: -470px;
}