@CHARSET "UTF-8";

/* フォント設定
----------------------------------------------------------------- */

/* 太字のフォント */
strong{font-family:"HiraKakuPro-W6", "ヒラギノ角ゴ Pro W6", "Osaka", sans-serif	}

.main ul{font-size: small;}
.main p{line-height:1.5em}

/* 見出し */
#side h3,
.main h2,
#service h3{border-bottom:1px dotted #666;}

h2,h3{line-height:1.6em;}

/* リンク設定
----------------------------------------------------------------- */

a:link{text-decoration:underline;}
a:visited{text-decoration:underline;color:#666;}
a:hover{text-decoration:none;color:#a71e28;}


/* レイアウト設定
----------------------------------------------------------------- */

.main{
	padding-top:22px;
}

.main h2,.main h3,.main p{
	margin-bottom:2em;
}


/* --------------------▽   news   ▽-------------------- */

#news{
	text-align:right;
	padding-bottom:4em;
	background:url('../img/hr.gif') left bottom no-repeat;
}

/* ニュース本体 */
#news ul{
	height:8.3em;_height:7.6em;
	margin-top:2px;
	margin-bottom:1em;
	padding:0.2em 0.5em 0.5em 0.5em;
	overflow:auto;
	
	text-align:left;
	line-height:1.6em;
	background: #feffec;
	border:1px solid #a71e28;
}
/* for IE7 */
*+html #news ul{
	height:7.6em;
}
	#news ul li{
		list-style:none;
		width:90%;
	}

	/* 日付 */
	#news span{
		margin-right:0.5em;
		padding:0 2px;
		vertical-align:middle;
		
		font-size:75%;
		color:#666;
	}
	
#news .toNewsList{/* #service h3 aと同じ文字設定 */
	font-weight:normal;
	font-size: small;
	color:#a71e28;
	text-decoration: none;
}

/* --------------------▽   トップニュース   ▽-------------------- */

#topnews{
	padding-bottom:4em;
	background:url('../img/hr.gif') left bottom no-repeat;
	color:#333;
}

	#topnews .inner{
		background:#f9f9f9;
		border:1px solid #ccc;
		
		padding:0.5em 1em;
	}
	/* 見出し */
	#topnews h2{
		text-align:center;
		border-bottom:5px solid #a71e28;
		margin-bottom:1em;
	}
	#topnews h3{
		font-size:0.75em;
		margin-bottom:0.5em;
		border-bottom:1px solid #ccc;
		padding-bottom:0.2em;
	}

	#topnews .inner p{
		font-size:0.85em;
		margin:0 0 1em;
	}
	
	#topnews address{
		margin-left:0.75em;
	}
		#topnews .inner address p{
			margin:0.5em 0 0;
		}
		#topnews address .small{
			font-size:0.85em !important;
		}

/* -----------------▽月額開発費用無し▽----------------- */

#service{
	padding-bottom:1.6em;
	margin-bottom:2em;
	background:url('../img/hr.gif') left bottom no-repeat;
}

#service h2{
		margin-left:1px;/* 「」で始まるため、インデント*/
		padding:0;margin-bottom:0;background:none;border:0;/* リセット */
		margin-top:3em;
		
		font-size:80%;
		font-weight:normal;
		color:#535353;
	}
	
/* 横にリンクがある見出し */
#service h3{
	height:24px;
	background:none;
	position: relative;
	padding-top:0;
}

/* 見出し横リンク */
	#service h3 a{
		position:absolute;
		right:0;bottom:0;
		top:0;/* 詰めた分を調整 */
		
		font-weight:normal;
		font-size: small;
		color:#a71e28;
		text-decoration: none;
	}

/* -----▽メイングラフィック（納品型システム開発から～）▽---- */

#service div{
	margin-top:0.5em;
	margin-bottom:1.8em;
	position:relative;
	height:155px;width:600px;
	background:transparent url("../img/bg_saas.gif") left bottom no-repeat;
}
#service div img{
	position:absolute;
}
#service div img#saas01{left:18px;top:36px;}
#service div img#saas02{left:18px;top:52px;}
#service div img#saas03{left:12px;top:96px;}
#service div img#saas04{left:230px;top:57px;}
#service div img#saas05{left:408px;top:51px;}
#service div img#saas06{left:391px;top:80px;}
#service div img#saas07{left:391px;top:97px;}
#service div img#saas08{left:520px;top:45px;}


/* ------------▽ オープンソースソフトウェア ▽------------ */

#service h2{
	font-weight: normal;
}
	#service h2 a{
		padding-left:4px;
		padding-right:4px;
		font-weight:bold;
	}
	#service h2 a:after{
		content:url("../img/listmark_allow-s.gif");
	}

#service ul{
	padding:0;
	margin-bottom:3em;
}
	
#service ul li{
	list-style:none;
	
	padding-left:18px !important;
	background:transparent url("../img/listmark_allow.gif") left top no-repeat !important;
	
	font-size:medium;
	letter-spacing:1px;
	line-height:1em;
}
	
/* -------------- ワンストップイメージ -------------- */

#oneStop{
	padding-bottom:2em;
	margin-bottom:2em;
	background:url('../img/hr.gif') left bottom no-repeat;
}

#oneStop img{
	margin-left:12px;
	margin-bottom:1.8em;
}

/* -----------全て含めて「初期費用無し」「月額費用定額」のサービスです----------- */
/*     serviceContent ul = system ul, website ul, hosting ul     */
#serviceContent{
	padding-bottom:3em;
	margin-bottom:2em;
	background:url('../img/hr.gif') left bottom no-repeat;
}

#system,#website,#hosting{
	float:left;
	width:192px;
	margin-bottom:12px;
	margin-left:6px;_margin-left:3px;
	background-repeat:no-repeat;
}
	#system h3,#website h3,#hosting h3{
		border-bottom:0;
		margin:45px 0 0px 15px;
	}
	#serviceContent ul{
		margin:0;/* リセット */
		margin-top:8px;
		width:192px;_width:174px;
		padding-bottom:15px;
		background:transparent url("../img/bg_service_bottom.gif") left bottom no-repeat;
		
	}
		#serviceContent li{
			margin-left:12px;
		}
		
#system{background-image:url("../img/bg_service_system.gif");}
#website{background-image:url("../img/bg_service_website.gif");}
#hosting{background-image:url("../img/bg_service_hosting.gif");}


/* secom */
#serviceContent div#secom{
	clear:both;
	position:relative;
	height:132px;
	margin-left:7px;
	padding-bottom:1em;
	background:#fff url("../img/bg_service_secom.gif") left top no-repeat;
}
	#secom h3{
		padding-top:0;/* リセット */
		border-bottom:0;
		position:absolute;
		left:220px;top:25px;
	}
	#secom p{
		font-size:80%;
		position:absolute;
		left:220px;top:50px;
		width:340px;
		
		line-height:1.4em;
	}
	#secom img{
		position:absolute;
		left:30px;top:35px;
}

/* -------------------memes------------------- */
#memes{
	clear:both;
	margin-right:40px;
	padding:5px;
}

#memes h2{
}

/* ※memes機能一例のスタイル指定はparts.css */


/* ---------------side-eSECOM------------------ */

/* eSecomMark */
#side div{
	width:110px;
	height:100px;
	margin:10px 57px 5px 57px;
}

#side p,
#side h3,
#side h4{padding-left:7px;margin-right:24px;}


#side p{/* ---e-SECOM説明文--- */
	margin:1em 24px 0.5em 0;
	padding-bottom:5px;
	border-bottom:1px dashed #ccc;
}
#side h3{
	margin-top:2em;
}

#side h4{
	padding-top:0.5em;
}
	#side img{
		margin:5px auto;
	}