@charset "utf-8";
/*
 Share Style [
----------------------------------------------------------- */
#main{
	background:#111;
	background:#222 url(../image/bg06.gif) repeat-y;
	}

#main_ph{
	background:#fff url(../image/bg0.gif) repeat-x top;
	width:100%;
	height:350px;
	padding:0;
	z-index:100;
	}

#main_ph img{
	padding:0;
	vertical-align: bottom;
	margin:0 auto;
	width:800px;
	height:350px;
	}

#left{
	width:220px;
	float:left;
	background:#555 url(../image/bg3.gif) no-repeat top;
	}

h2{
	width:220px;
	height:60px;
	display:block;
	text-indent:-9999em;
	}

h2.business{
	background:url(../image/title_business.gif) no-repeat;
	}

h2#web{
	background:url(../image/title_websolution.gif) no-repeat;
	}

h2#suport{
	background:url(../image/title_suport.gif) no-repeat;
	}

h2#system{
	background:url(../image/title_systemsolution.gif) no-repeat;
	}

h2#company{
	background:url(../image/title_company.gif) no-repeat;
	}

h2#contact{
	background:url(../image/title_contact.gif) no-repeat;
	}

h2#privacy{
	background:url(../image/title_privacy.gif) no-repeat;
	}

h2#sitemap{
	background:url(../image/title_sitemap.gif) no-repeat;
	}

h2#recruit{
	background:url(../image/title_recruit.gif) no-repeat;
	}

h2#link{
	background:url(../image/title_link.gif) no-repeat;
	}

h2#news{
	background:url(../image/title_news.gif) no-repeat;
	}

#left ul{
	padding-top:10px;
	_width:220px;
	}

#left ul li{
	color:#fff;
	padding-bottom:5px;
	}

#left ul li a{
	color:#fff;
	text-decoration:none;
	width:220px;
	height:26px;
	display:block;
	padding:3px 0 0 20px;
	}

*html #left ul li a{;
	width:200px;
	padding:3px 0 0 20px;
	}

#left ul li a:link{color:#fff; }
#left ul li a:hover{color:#fff; background:url(../image/li_bg_on.gif) no-repeat; }
#left ul li a:activ{color:#fff; }

#left ul li.on{color:#fff; background:url(../image/li_bg.gif) no-repeat; }


/*メインコンテンツ*/

#right{
	width:580px;
	float:right;
	}

#contents{
	padding:30px;
	_padding:25px;
	text-align:left;
	}

#contents p{
	color:#fff;
	margin:1em 0 3em 0;
	text-align:left;
	line-height:1.8em;
	}

#contents a{
	color:fff;
	text-decoration:none;
	}
#contents a:link{color:#fff; }
#contents a:hover{color:#fff; text-decoration:underline; }
#contents a:visited{color:#fff; }

#contents a.lnk{
	line-height:3em;
	text-align:right;
	display:block;
	}

#contents2{
	padding:30px;
	_padding:25px;
	text-align:left;
	}
#contents2 p{
	color:#fff;
	line-height:2.5em;
	text-align:left;
	}

#contents3{
	padding:30px;
	text-align:left;
	}
#contents3 p{
	color:#fff;
	margin:1em 0 0 0;
	text-align:left;
	line-height:2em;
	}
.detail{
	padding:10px 0 0 450px;
	}

h3{
	font-size:117%;
	color:#fff;
	padding:2px 0 0 1em;
	border-left:#fff 5px solid;
	display:block;
	position:relative;
	text-align:left;
	}



h4{
	background:url(../image/title_web01.gif) no-repeat;
	width:520px;
	height:35px;
	display:block;
	text-indent:-9999em;
	margin-bottom:20px;
	}



h5.ss_title{
	background:url(../image/ss_title.gif) no-repeat;
	width:345px;
	height:15px;
	text-indent:-9999em;
	display:block;
	}

div#ss{
	background:url(../image/ss_ph.jpg) no-repeat;
	padding-left:180px;
	height:125px;
	color:#fff;
	}

/*ＷＥＢソリューション*/
h4.web01{
	background:url(../image/title_web01.gif) no-repeat;
	}
h4.web02{
	background:url(../image/title_web02.gif) no-repeat;
	}
h4.web03{
	background:url(../image/title_web03.gif) no-repeat;
	}


/*サービス＆サポート*/
h4.suport01{
	background:url(../image/title_suport01.gif) no-repeat;
	}


ul#flow li{
	margin:20px 0;
	height:125px;
	text-align:left;
	}

ul li.flow01{
	background:url(../image/flow01.gif) no-repeat;
	padding-left:120px;
	color:#fff;
	}
ul li.flow02{
	background:url(../image/flow02.gif) no-repeat;
	padding-left:120px;
	color:#fff;
	}
ul li.flow03{
	background:url(../image/flow03.gif) no-repeat;
	padding-left:120px;
	color:#fff;
	}
ul li.flow04{
	background:url(../image/flow04.gif) no-repeat;
	padding-left:120px;
	color:#fff;
	}
ul li.flow05{
	background:url(../image/flow05.gif) no-repeat;
	padding-left:120px;
	color:#fff;
	}

table.union3{
	width:515px;
	border-top:#fff 1px solid;
	border-left:#fff 1px solid;
	color:#fff;
	font-size:90%;
	}

table.union3 td{
	border-right:#fff 1px solid;
	border-bottom:#fff 1px solid;
	padding:5px;
	}
td.t_left{
	width:30%;
	background:#202020;
	text-align:left;
	}
td.t_right{
	width:20%;
	text-align:right;
	}


/*システムソリューション*/
h4.system01{
	background:url(../image/title_system01.gif) no-repeat;
	}
h4.system02{
	background:url(../image/title_system02.gif) no-repeat;
	}
table#t_system{
	border:#666 1px solid;
	text-align:left;
	}

table#t_system td{
	color:#fff;
	line-height:1.7em;
	vertical-align:top;
	}

table#t_system img{
	padding-bottom:10px;
	}


.wpcf7-response-output{
	color:#fff;
	}

/*会社概要*/
h4.company01{
	background:url(../image/title_company01.gif) no-repeat;
	}

h4.company02{
	background:url(../image/title_company02.gif) no-repeat;
	}

h4.company03{
	background:url(../image/title_company03.gif) no-repeat;
	}

h4.company04{
	background:url(../image/title_company04.gif) no-repeat;
	}
h4.company05{
	background:url(../image/title_company05.gif) no-repeat;
	}
h4.company06{
	background:url(../image/title_company06.gif) no-repeat;
	}
h4.company07{
	background:url(../image/title_company07.gif) no-repeat;
	}


#ceo img{
	text-align:right;
	float:right;
	margin:10px auto 40px auto;
	}
	
	
/*企業理念*/

ul.idea{
	color:#FFF;
	line-height:1.7em;
	text-align:left;
	}

ul.idea li{
	margin-bottom:25px;
	text-indent:-9999em;
	display:block;
	}

li.idea01{
	background:url(../image/idea1.gif) no-repeat;
	height:82px;
	}

li.idea02{
	background:url(../image/idea2.gif) no-repeat;
	height:97px;
	}

li.idea03{
	background:url(../image/idea3.gif) no-repeat;
	height:64px;
	}

li.idea04{
	background:url(../image/idea4.gif) no-repeat;
	height:64px;
	}
	
/*会社概要*/

#company_profile{
	text-align:left;
	color:#fff;
	}

table.union{
	text-align:left;
	color:#fff;
	}

table.union td{
	padding:8px 35px;
	color:#fff;
	line-height:1.5em;
	}
.line{
	border-left:#fff 1px solid;
	}

/*プライバシーポリシー*/
h4.privacy01{
	background:url(../image/title_privacy02.gif) no-repeat;
	}

h4.privacy02{
	background:url(../image/title_privacy01.gif) no-repeat;
	}
ol{
	padding-bottom:10px;
	}
ol li{
	color:#fff;
	text-align:left;
	line-height:1.7em;
	padding-bottom:1em;
	padding-left:3em;
	text-indent:-1.2em;
	}
	
	
/*採用情報*/
h4.recruit01{
	background:url(../image/title_recruit01.gif) no-repeat;
	}
h4.recruit02{
	background:url(../image/title_recruit02.gif) no-repeat;
	}
table.union2{
	text-align:left;
	color:#fff;
	}

table.union2 td{
	padding:10px 0 10px 5px;
	color:#fff;
	line-height:1.8em;
	border-bottom:#fff 1px dotted;
	}

td.rr{
	width:130px;
	}


/*お問い合わせ*/
h4#contact01{
	background:url(../image/title_contact01.gif) no-repeat;
	}

table.form{
	color:#fff;
	text-align:left;
	font-size:93%;
	width:520px;
	}
	
.red{
	color:red;
	}
	
table.form td{
	padding:5px 0 8px 0;
	}
	
.form2{
	border:#999 1px solid;
	}



/*ニュース*/
h4.news01{
	background:url(../image/title_news01.gif) no-repeat;
	}

ul#newslist li{
	color:#fff;
	padding:10px 0 15px 0;
	border-bottom:#fff 1px dotted;
	}

ul#newslist li a{
	color:#fff;
	text-decoration:none;
	}

ul#newslist li a:link{color:#fff; }
ul#newslist li a:hover{color:#fff; text-decoration:underline; }
ul#newslist li a:activ{color:#fff; }

/*サイトマップ*/
h4.sitemap01{
	background:url(../image/title_sitemap01.gif) no-repeat;
	}

#sitemap_title{
	color:#fff;
	padding-bottom:1em;
	}

#c_left{
	float:left;
	width:240px;
	padding-right:0 20px;
	}

#c_right{
	float:right;
	width:240px;
	padding-left:0 20px;
	}
	
ul.sitemap02 li{
	color:#fff;
	line-height:3em;
	}

ul.sitemap03{
	margin:0 0 2em 0;
	}

ul.sitemap03 li{
	color:#fff;
	padding:1em 0 0 3em;
	line-height:1.3em;
	}

ul.sitemap04{
	color:#fff;
	margin:0;
	}


/*リンク*/
#b_left{
	float:left;
	}
#b_right{
	float:right;
	}
#b_left img{
	margin-bottom:20px;
	}
#b_right img{
	margin-bottom:20px;
	}