@charset "Shift_JIS";
/*
 * Title :
 * File URI :
 * Author :	Y.Katsuki
 * Update :	2011-05-11
 *
 * 1. reset
 * 2. body and base setting
 * 3. link setting
 * 4. header
 * 5. container （中六角　追記　2011.5.19）
 * 6. secondpage
 * ex.clearfix

 * ex.float(2011.5.18　中六角)
 * ex.text-align(2011.5.18　中六角)
 * ex.margin(2011.5.18　中六角)
 */
/*==========================================================
  1. reset
==========================================================*/
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
form,fieldset,input,textarea,
table, th, td {
	margin: 0;
	color: #444444;
	font-size: 100%;
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	padding-top: 0;
	padding-right: 2;
	padding-bottom: 0;
	padding-left: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 93%;
	font-weight: normal;
}

address, caption, em,strong,th {
	font-style: normal;
	font-weight: normal;
}

li,dt,dd {
	list-style: none;
	font-size: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

caption, th {
	text-align: left;
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

/*==========================================================
  2. body and base setting
==========================================================*/
body {
	background: url(../images/contents_bg.gif) top left;
}

strong {
	font-weight: bold;
}

p {
	font-size: 85%;
	line-height: 1.6;
}

li img,
dd img,
dt img {
	vertical-align: bottom;
}

/*================================================
  3. link setting
================================================*/
a {
	color: #444444;
	text-decoration: underline;
}

a:visited {
	color: #444444;
	text-decoration: underline;
}

a:hover {
	color: #444444;
	text-decoration: none;
}

a:active {
	color: #444444;
	text-decoration: none;
}

.opacity:hover {
	filter: alpha(opacity=70); -moz-opacity :0.7; opacity: 0.7;
}

/*================================================
  4. header
================================================*/
div#header {
	background: url(../images/header_bg.jpg) top center no-repeat #ffffff;
}

div#header div#header_container {
	width: 982px;
	margin: 0 auto;
	height: 65px;
	position: relative;
}

div#header div#header_container .ci {
	position: absolute;
	left: 0px;
	top: 10px;
}

div#header div#header_container p.header_text {
	position: absolute;
	left: 163px;
	top: 22px;
}

div#header div#header_container li.header_tel_01 {
	position: absolute;
	left: 598px;
	top: 9px;
	height: 15px;
}

div#header div#header_container li.header_tel_02 {
	position: absolute;
	left: 598px;
	top: 32px;
	height: 15px;
}

li.header_tel_01 img,
li.header_tel_02 img {
	vertical-align: top;
}

div#header div#header_container p.header_contact {
	position: absolute;
	left: 847px;
	top: 9px;
}

div#header div#header_container ul.header_list {
/*	width: 560px;*/
	position: absolute;
	right: 0;
	float: right;
	top: 68px;
}

div#header div#header_container ul.header_list li {
	float: left;
}

div#header div#header_container ul.header_list li.header_list_02 {
	padding-left: 33px;
}

div#header div#header_container ul.header_list li.header_list_03 {
	padding-left: 33px;
}

div#header div#header_container ul.header_list li.header_list_04 {
	padding-left: 33px;
}

div#header div#header_container ul.header_list li.header_list_05 {
	padding-left: 9px;
}

div#header div#header_container ul.header_list li.header_list_06 {
	padding-left: 15px;
}

div#header div#header_container ul.header_list li a {
	padding-left: 14px;
	background: url(../images/list_icon.gif) 0px 0px no-repeat;
	display: block;
}

div#gnavi {
	background: url(../images/gnavi_bg.gif) top center repeat-x;
}

div#gnavi ul.headerNavi {
	width: 982px;
	height: 50px;
	margin: 0 auto;
	padding-bottom: 1px;
}

div#gnavi ul.headerNavi li {
	float: left;
}

div#gnavi ul.headerNavi li img {
	vertical-align: bottom;
}

div#main_visual div#main_container {
/*	height:137px; */
	height: 134px;
	margin: 0 auto;
}

.main_text {
	margin: 0 auto;
	width:982px;
	}

.main_text h1 {
	font-size:28px;
	font-weight:bold;
	color:#ffffff;
/*	padding:45px 0 0 105px; */
	padding:45px 0 0 110px;
	}

.main_text h1.withsub { padding-top: 27px; }

.main_caption02{
/*	padding-left:105px; */
	padding-left:110px;
	font-size:20px;
	color:#fff !important;
	}



ul.bread {
	width: 940px;
	margin: 0 auto;
	padding: 0 0 10px;
}

ul.bread li {
	float: left;
	background: url(../images/bread_icon.gif) 1px 0px no-repeat;
	padding-left: 17px;
}

ul.bread li.first {
	padding: 0;
	background: none;
}

ul.bread li a {
	color: #1E519A;
}

div#header h1, div#header h2, div#header h3, div#header h4,
div#header h5,div#header h6,
div#header p, div#header blockquote,div#header  pre,div#header  address,
div#header ul, div#header ol, div#header li, div#header dl,
div#header dt,div#header dd,div#header form,div#header fieldset,
div#header input,div#header textarea,div#header table,div#header th,div#header td {
	font-size: 85%;
}

ul.bread li {
	font-size: 85%;
}

.site-header {
	padding: 0 0 9px 0;
	background: url(../images/header_bg.png) repeat-x 0 100%;
/*
	background: url(../images/header_bg.gif);
	height:178px;
*/
}


/*============================
　グローバルメニュー
============================*/

#site-navigation { border-top: 1px solid #dcdcdc; background-color: #fff; }
#site-navigation .in-navi {
	width: 989px;
	margin:0 auto;
}

ul#navi {
	width:989px;
	margin:0 auto;
	overflow: hidden;
}

/*============================
　カレント表示
============================*/

ul#navi, ul#navi li, ul#navi li a{
/* 	display:block; */
	margin-top:0px;
	zoom:1;
	line-height: 38px;
/* 	height:88px; */
}

ul#navi #home, ul#navi #home a{
/* 	display:block; */
	margin-top:0px;
	zoom:1;
/*
	height:88px;
	width:80px;
*/
}


ul#navi li{
	float:left; /*横並びに*/
	margin-right: 1em;
}

ul#navi li a{
/* 	text-indent: 100%; /*テキストを見えなくする*/ */
	white-space: nowrap;
	overflow: hidden;
	margin:0;
	padding:0;
	padding-left: 14px;
	background: url(../images/list_icon.gif) left center no-repeat;
	display: block;
	font-size: .688em;
	padding-right: 1em;
}






/*各画像セット*/
/*
ul#navi li#home a{background-image: url(../images/gnavi_home.gif);}
ul#navi li#operation a{background-image: url(../images/gnavi_system.gif); width:189px;}
ul#navi li#solution a{background-image: url(../images/gnavi_solution.gif); width:181px;}
ul#navi li#newservice a{background-image: url(../images/gnavi_new_service.gif); width:182px;}
ul#navi li#recruit a{background-image: url(../images/gnavi_recruit.gif); width:177px;}
ul#navi li#company a{background-image: url(../images/gnavi_company.gif); width:179px;}
*/
/*ul#navi li#operation01 a{background: url(../images/gnavi_system_01.gif); height:59px; width:143px ;!important}
ul#navi li#operation02 a{background: url(../images/gnavi_system_02.gif); height:59px; width:136px;!important}
ul#navi li#operation03 a{background: url(../images/gnavi_system_03.gif); height:59px; width:135px;!important}
ul#navi li#operation04 a{background: url(../images/gnavi_system_04.gif); height:59px; width:138px;!important}
ul#navi li#solution01 a{background: url(../images/gnavi_solution.gif); height:59px; width:177px;}
ul#navi li#package01 a{background: url(../images/gnavi_package.gif); height:59px; width:180px;}*/



/*各メニューカテゴリ*/



/*マウスオーバー時*/
/*
ul#navi li a:hover
{
	background-position:0 -88px;
}
ul#navi li#home a:hover
{
	background-position:0 -88px;
}
*/

/*
ul#navi li#operation a:hover,
ul#navi li#solution a:hover,
ul#navi li#package a:hover{
	background-position:0 -59px;
}*/

/*カレント表示*/
/*
ul#navi li.current a
{
	background-position:0 -88px;
}
ul#navi li#home.current a{
	background-position:0 -88px;
}
*/

/*
ul#navi li#operation .current a,
ul#navi li#solution .current a,
ul#navi li#package .current a{
	background-position:0 -59px;
}*/















/*================================================
  5. contents
================================================*/

div#contents {
/*	background: url(../images/contents_bg.gif) top left;
*/	border-bottom: 5px solid #1E519A;
overflow: hidden;
}

div#contents div#container {
	width: 950px;
	padding: 10px 20px 0 20px;
	margin: 0 auto;
	background: url(../images/container_bg.png) repeat-y;
	overflow: hidden;
}

body#top div#contents div#container {
	padding: 16px 20px 0 20px;
}

div.haken_info {
	margin: 5px;
	float: right;
	width: 675px;
	padding-right: 8px;
	position: relative;
	height: 80px;
}

div.pagetop_n {
	width: 940px;
	clear: both;
}
div.pagetop {
	width: 940px;
	clear: both;
}

div.pagetop p.pagetop_btn {
	width: 138px;
	padding-left: 802px;
	padding-top: 30px;
}

/* 中六角　追記　2011.5.19*/
p.pagetop_sub {
	text-align: right;
}
p.pagetop_sub a {
	padding-left: 16px;
	background: url(../images/totop_icon.gif) 0px 5px no-repeat;
	display: block;
	float: right;
}

#page-top {
	position: fixed;
	bottom: 200px;
	right: 0px;
	font-size: 77%;
}
#page-top a {
	background: url(../images/go_top.gif);
	text-decoration: none;
	color: #fff;
	width: 45px;
	height:155px;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}


/*================================================
  6. secondpage
================================================*/
div.left_sub {
	float: left;
	width: 215px;
}

div.service_navi {
	margin-bottom: 20px;
}

div.service_navi div.service_title {
	position: relative;
	width: 207px;
	height: 58px;
}

div.service_title h4,
div.service_title p {
	position: absolute;
}

div.service_title h4 {
	left: 0;
	top: 0;
}

div.service_title p {
	left: 142px;
	top: 28px;
}

div.service_title p a {
	padding-left: 16px;
	background: url(../images/list_icon_blue.gif) 0px 3px no-repeat;
	color: #FFFFFF !important;
}

dl.haken_navi {
	border: 1px solid #cccccc;
	width: 213px;
	padding: 0 0 10px 0;
	margin-bottom: 18px;
}

dl.haken_navi dd {
	padding: 0 12px 0 32px;
	background: url(../images/list_icon.gif) 12px 3px no-repeat;
	margin-top: 4px;
	line-height: 1.6;
}

dl.haken_navi dd.current {
	color: #1E519A;
}

dl.haken_navi dd a {
	display: block;
}

.side_banner {
	margin: 0 0 20px;
}

div.right_sub {
	float: right;
	width: 705px;
}

div.right_sub h3 {
	background: url(../images/title_705_bg.jpg) top left no-repeat;
	padding: 10px 0 16px 15px;
	font-size: 108%;
	font-weight: bold;
}

div.right_sub h4 {
	width: 663px;
	border-left: 6px solid #1E519A;
	border-bottom: 1px solid #1E519A;
	padding: 3px 0 4px 6px;
	/*margin: 10px 15px;*/
	margin-bottom: 12px;
	font-size: 100%;
	font-weight: bold;
}

div.back_to_box {
}

div.back_to_box p.back_to {
	float: right;
}

div.back_to_box p.back_to a {
	padding: 0 0 0 16px;
	margin-top: 12px;
	background: url(../images/list_icon.gif) 0px 3px no-repeat;
	display: block;
	line-height: 1.6;
}

div.btm_contact_box {
	clear: both;
	background: url(../images/btn_contact_center_bg.gif) top left repeat-x;
	width: 705px;
	height: 62px;
	margin-bottom:40px;
}

div.btm_contact_box p.btn_contact_center {
	padding: 12px 0 0 230px;
}

div.left_sub h1, div.left_sub h2, div.left_sub h3, div.left_sub h4,
div.left_sub h5,div.left_sub h6,
div.left_sub p, div.left_sub blockquote,div.left_sub  pre,div.left_sub  address,
div.left_sub li, div.left_sub dl,
div.left_sub dt,div.left_sub dd,div.left_sub form,div.left_sub fieldset,
div.left_sub input,div.left_sub textarea,div.left_sub table,div.left_sub th,div.left_sub td {
	font-size: 85%;
}

.imgover {}


/*  （バナー郡）*/

.cp_bana01 {
	padding:13px 15px 19px 15px;
	overflow:hidden;
	display:block;
	border:solid 3px #d4d4d4;
	margin-top:10px;
}

.cp_bana01 .left{
	margin:16px 0 0 0;
	float:left;
	width:172px;
	padding-right:15px;
}

.cp_bana01 .right{
	margin:16px 0px 0 0;
	float:right;
	width:427px;
}


.cp_bana01 .right img ,
.cp_bana01 .left img {
 margin-bottom:15px;
 }



.cp_bana02 {
	padding:13px 15px 19px 15px;
	overflow:hidden;
	display:block;
	border:solid 3px #d4d4d4;
	margin-top:10px;
}

.cp_bana02 .left{
	margin:16px 0 0 0;
	float:left;
	width:230px;
	padding-right:15px;
}

.cp_bana02 .right{
	margin:16px 0px 0 0;
	float:right;
	width:367px;
}

.cp_bana02 .right img ,
.cp_bana02 .left img {
 margin-bottom:15px;
 }

/*================================================
  7. footer
================================================*/

div#footer {
	clear: both;
	background: #f8f7f7;
}

div#footer div#footer_container {
	width: 982px;
	margin: 0 auto;
}

dl.footerLink01 {
	width: 982px;
	border-bottom:1px solid #c1c1c1;
	padding: 12px 0 10px;
}

dl.footerLink01 dt {
	color: #1E519A;
	font-size:15px !important;
	font-weight: bold;
	padding-bottom: 10px;
}

dl.footerLink01 dd {
	float: left;
}

dl.footerLink01 dd.footerLink01_02, dl.footerLink01 dd.footerLink01_03 {
	padding-left: 16px;
}

dl.footerLink01 dd a {
	padding-left: 16px;
	background: url(../images/list_icon.gif) 0px 0px no-repeat;
	display: block;
}

div.footerLink02 {
	width: 982px;
	margin: 12px 0 10px;
	background:url(../images/footer_bg.gif) repeat-y;
}

div.footerLink02 dl {
	float: left;
}


div.footerLink_sv {
	width: 464px;
	float:left;
	}


dl.footerLink_sv_list {
	width: 464px;
	padding: 0 13px 0 0;
}
dl.footerLink_sv_list dt {
	font-size:14px !important;
	}



dl.footerLink_sv_01 {
	float:left;
	margin:11px 0 0 0;
	width:217px;
	height:136px;
	background:#e7eaef;
	}
dl.footerLink_sv_01 dt {
	margin:11px 0 0 14px;
	color:#00509e;
	font-size:12px;
	}
dl.footerLink_sv_01 dd {
	margin:0 0 0 14px;
	}

div.footerLink_sv_02 {
	float:left;
	margin:11px 0 0 5px;
	width:219px;
	height:136px;
	background:#eaece9;
	}

dl.footerLink_sv_02_a {
	width:219px;
	height:65px;
	background:#efece8;
	}
dl.footerLink_sv_02_a dt {
	margin:11px 0 0 14px;
	color:#ff8c00 !important;
	font-size:12px !important;
	}
dl.footerLink_sv_02_a dd {
	margin:0 0 0 14px;
	}
dl.footerLink_sv_02_b {
	margin:0 0 5px 0;
	width:219px;
	height:65px;
	background:#eaece8;
	}

dl.footerLink_sv_02_b dt {
	margin:11px 0 0 14px;
	color:#78d200 !important;
	font-size:12px !important;
	}
dl.footerLink_sv_02_b dd {
	margin:0 0 0 14px;
	}

dl.footerLink02_b {
	width: 290px;
	padding: 0 10px 0 12px;
}
dl.footerLink02_b dt {
	font-size:14px !important;
	}

dl.footerLink02_c {
	width: 184px;
	padding: 0 10px 0 12px;
}
dl.footerLink02_c dt {
	font-size:14px !important;
	}

dl.footerLink02_d {
	width: 233px;
	padding: 0 10px 0 0;
}

dl.footerLink02_e {
	width: 184px;
	padding: 0 10px 0 0;
}

div.footerLink02 dl dt {
	color: #1E519A;
	font-size:100%;
	font-weight: bold;
	padding: 0 0 7px 5px;
}

div.footerLink02 dl dd {
	/*padding-bottom: 5px;*/
	line-height: 1.8;
	padding: 0 0 0 16px;
	background: url(../images/list_icon.gif) 0px 4px no-repeat;
}

div.footerLink02 dl dd a {

	display: block;
}

div.footerLink03 {
	padding: 10px 0 15px;
	border-top:1px solid #c1c1c1;
}

div.footerLink03 ul li {
	float: left;
}

div.footerLink03 ul li a {
	padding-left: 16px;
	background: url(../images/list_icon.gif) 0px 0px no-repeat;
	display: block;
}

div.footerLink03 ul li.footerLink03_02 {
	padding-left: 18px;
}

div.footerLink03 ul li.footerLink03_03 {
	padding-left: 18px;
}

div#copy_bg {
	background: url(../images/footer_address_bg02.jpg) bottom repeat-x;
}

div#copy {
	background: url(../images/footer_address_bg.jpg) top center no-repeat;
	padding: 16px 0 12px;
	height: 19px;
	border-top: 1px solid #A0A0A0;
}

div#copy address {
	color: #FFFFFF;
	margin: 0 auto;
	text-align: center;
	font-size: 85%;
}

div#footer h1, div#footer h2, div#footer h3, div#footer h4,
div#footer h5,div#footer h6,
div#footer p, div#footer blockquote,div#footer  pre,div#footer  address,
div#footer ul, div#footer ol, div#footer li, div#footer dl,
div#footer dt,div#footer dd,div#footer form,div#footer fieldset,
div#footer input,div#footer textarea,div#footer table,div#footer th,div#footer td {
	font-size: 85%;
}

/*================================================
 clearfix
================================================*/
.clearfix {
	height: 1%;
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*================================================
font-size
================================================*/
.f100 {font-size: 100% !important;}


/*================================================
float
================================================*/
.fl { float: left;}
.fr { float: right;}
.cl { clear: both;}

/*================================================
text-align
================================================*/
.tl { text-align: left;}
.tr { text-align: right;}
.tc { text-align: center;}

 /*================================================
 margin
================================================*/
.mgnTop0 { margin-top:0 !important;}
.mgnTop5 { margin-top:5px !important;}
.mgnTop10 { margin-top:10px !important;}
.mgnTop15 { margin-top:15px !important;}
.mgnTop20 { margin-top:20px !important;}
.mgnTop25 { margin-top:25px !important;}
.mgnTop30 { margin-top:30px !important;}
.mgnTop35 { margin-top:35px !important;}
.mgnTop40 { margin-top:40px !important;}
.mgnTop45 { margin-top:45px !important;}
.mgnTop50 { margin-top:50px !important;}
.mgnTop60 { margin-top:60px !important;}
.mgnTop70 { margin-top:70px !important;}
.mgnTop80 { margin-top:80px !important;}
.mgnTop90 { margin-top:90px !important;}
.mgnTop100 { margin-top:100px !important;}
.mgnRit0 { margin-right:0 !important;}
.mgnRit5 { margin-right:5px !important;}
.mgnRit10 { margin-right:10px !important;}
.mgnRit15 { margin-right:15px !important;}
.mgnRit20 { margin-right:20px !important;}
.mgnRit25 { margin-right:25px !important;}
.mgnRit30 { margin-right:30px !important;}
.mgnRit35 { margin-right:35px !important;}
.mgnRit40 { margin-right:40px !important;}
.mgnRit45 { margin-right:45px !important;}
.mgnRit50 { margin-right:50px !important;}
.mgnRit60 { margin-right:60px !important;}
.mgnRit70 { margin-right:70px !important;}
.mgnRit80 { margin-right:80px !important;}
.mgnRit90 { margin-right:90px !important;}
.mgnRit100 { margin-right:100px !important;}
.mgnBtm0 { margin-bottom:0 !important;}
.mgnBtm5 { margin-bottom:5px !important;}
.mgnBtm10 { margin-bottom:10px !important;}
.mgnBtm15 { margin-bottom:15px !important;}
.mgnBtm20 { margin-bottom:20px !important;}
.mgnBtm25 { margin-bottom:25px !important;}
.mgnBtm30 { margin-bottom:30px !important;}
.mgnBtm35 { margin-bottom:35px !important;}
.mgnBtm40 { margin-bottom:40px !important;}
.mgnBtm45 { margin-bottom:45px !important;}
.mgnBtm50 { margin-bottom:50px !important;}
.mgnBtm60 { margin-bottom:60px !important;}
.mgnBtm70 { margin-bottom:70px !important;}
.mgnBtm80 { margin-bottom:80px !important;}
.mgnBtm90 { margin-bottom:90px !important;}
.mgnBtm100 { margin-bottom:100px !important;}
.mgnLft0 { margin-left:0 !important;}
.mgnLft5 { margin-left:5px !important;}
.mgnLft10 { margin-left:10px !important;}
.mgnLft15 { margin-left:15px !important;}
.mgnLft20 { margin-left:20px !important;}
.mgnLft25 { margin-left:25px !important;}
.mgnLft30 { margin-left:30px !important;}
.mgnLft35 { margin-left:35px !important;}
.mgnLft40 { margin-left:40px !important;}
.mgnLft45 { margin-left:45px !important;}
.mgnLft50 { margin-left:50px !important;}
.mgnLft60 { margin-left:60px !important;}
.mgnLft70 { margin-left:70px !important;}
.mgnLft80 { margin-left:80px !important;}
.mgnLft90 { margin-left:90px !important;}
.mgnLft100 { margin-left:100px !important;}

body#operation .main_text h1, body#operation .main_caption02
	, body#case_02 .main_text h1, body#case_02 .main_caption02 {
	color: #8166c4 !important;
	font-weight: 700;
}

body.network .main_text h1, body.network .main_caption02
	, body#construction .main_text h1, body#construction .main_caption02 {
	color: #4673d6 !important;
	font-weight: 700;
}

body#project .main_text h1, body#project .main_caption02 {
	color: #19a9d6 !important;
	font-weight: 700;
}

body#improvement .main_text h1, body#improvement .main_caption02 {
	color: #19c4bb !important;
	font-weight: 700;
}

body#smart .main_text h1, body#smart .main_caption02 {
	color: #7ccd26 !important;
	font-weight: 700;
}

.main_text h1.withsub {
	padding-top: 32px;
}

.main_caption02 {
	margin-top: 15px;
}
.main_caption {
	color: #FFFFFF;
}

div.left_sub .dl_banner {
	margin-bottom: 20px;
}