@charset "utf-8";

/*
==================================================
基本スタイルシート
製作者：OptCube
更新日：2010/04/20
==================================================
*/

/*デフォルト
--------------------------------------------------*/
*{
	padding:0px;
	margin:0px;
	}
body {
	font-size:small;
	font-family:Verdana, Helvetica, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 1.6;
	color:#333333;
	background:#ffffff;
	}
h1	{
	font-size:150%;}
h2	{
	font-size:120%;}
h3	{
	font-size:110%;}

/*--画像--*/
img{
	border:none;
	margin:0px;
	background-color:transparent;
	}

/*--リンク--*/
a:link,a:visited {
	color:#006699;
	text-decoration:none;
	-moz-outline-style:none;
	overflow:hidden;
	}
a:hover,a:active,a:after {
	color:#33cc66;
	text-decoration:underline;
	-moz-outline-style:none;
	overflow:hidden;
	}

/*--リスト--*/
ul,ol,dl,dt,dd,li{
	color:#333333;
	list-style:none;
	}

/*--clearfix--*/
.clearfix:after{
	content:url("../images/pixel.gif");
	display:block;
	clear:both;
	height:0;
	}
	
/*レイアウト
--------------------------------------------------*/
#header{
	width:900px;
	height:80px;
	margin:0px auto;
	text-align:center;
	padding:0px;
	position:relative;
	}
#navi{
	height:35px;
	background:url("../images/navi-bg.gif") repeat-x;
	}
#twitter{
	position:fixed;
	right:0px;
	top:100px;
	z-index:1;
	}
#naviwrap{
	width:900px;
	margin:0px auto;
	text-align:center;
	padding:0px;
	}
#catch{
	background:url("../images/catch-bg.gif") repeat-x;
	height:200px;
	}
#contents{
	width:900px;
	margin:0px auto;
	text-align:center;
	}
#main{
	width:700px;
	float:left;
	}
#side{
	width:190px;
	float:right;
	}
	
#footer{
	height:100px;
	margin-top:50px;
	background-color:#88cbe5;
	text-align:center;
	color:#ffffff;
	}
	
/*ヘッダー
--------------------------------------------------*/
#header h1{
	float:left;
	background:url("../images/optcube.gif") no-repeat;
	width:142px;
	height:50px;
	margin-top:15px;
	margin-bottom:15px;
	text-indent:-5000px;
	}
#header h1 a{
	background:url("../images/optcube.gif") no-repeat;
	display:block;
	width:142px;
	height:50px;
	}
#header ul{
	display:block;
	float:left;
	height:13px;
	width:325px;
	position:absolute;
	right:0px;
	top:52px;
	}
#header ul li{
	float:left;
	margin-left:20px;
	}
/*--トップページ--*/
#header ul #top{
	background:url("../images/navi-top.gif") no-repeat;
	width:88px;
	height:13px;
	text-indent:-5000px;
	}
#header ul #top a{
	background:url("../images/navi-top.gif") no-repeat;
	display:block;
	width:88px;
	height:13px;
	}
/*--採用情報--*/
#header ul #recruit{
	background:url("../images/navi-recruit.gif") no-repeat;
	width:71px;
	height:13px;
	text-indent:-5000px;
	}
#header ul #recruit a{
	background:url("../images/navi-recruit.gif") no-repeat;
	display:block;
	width:71px;
	height:13px;
	}
/*--サイトマップ--*/
#header ul #sitemap{
	background:url("../images/navi-sitemap.gif") no-repeat;
	width:86px;
	height:13px;
	text-indent:-5000px;
	}
#header ul #sitemap a{
	background:url("../images/navi-sitemap.gif") no-repeat;
	display:block;
	width:86px;
	height:13px;
	}


	
/*ナビゲーション
--------------------------------------------------*/
#naviwrap ul li{
	float:left;
	width:180px;
	height:35px;
	}
/*--システム開発事業--*/
#naviwrap ul #system{
	background:url("../images/navi-system.gif") no-repeat;
	text-indent:-5000px;
	}
#naviwrap ul #system a{
	background:url("../images/navi-system.gif") no-repeat;
	display:block;
	width:180px;
	height:35px;
	}
#naviwrap ul #system a:hover{
	background:url("../images/navi-system-hover.gif") no-repeat;
	display:block;
	width:180px;
	height:35px;
	}
/*--ホスティングサービス事業--*/
#naviwrap ul #hosting{
	background:url("../images/navi-hosting.gif") no-repeat;
	text-indent:-5000px;
	}
#naviwrap ul #hosting a{
	background:url("../images/navi-hosting.gif") no-repeat;
	display:block;
	width:180px;
	height:35px;
	}
#naviwrap ul #hosting a:hover{
	background:url("../images/navi-hosting-hover.gif") no-repeat;
	display:block;
	width:180px;
	height:35px;
	}
/*--導入事例--*/
#naviwrap ul #actual{
	background:url("../images/navi-actual.gif") no-repeat;
	text-indent:-5000px;
	}
#naviwrap ul #actual a{
	background:url("../images/navi-actual.gif") no-repeat;
	display:block;
	width:180px;
	height:35px;
	}
#naviwrap ul #actual a:hover{
	background:url("../images/navi-actual-hover.gif") no-repeat;
	display:block;
	width:180px;
	height:35px;
	}
/*--お見積もり・お問い合わせ--*/
#naviwrap ul #form{
	background:url("../images/navi-form.gif") no-repeat;
	text-indent:-5000px;
	}
#naviwrap ul #form a{
	background:url("../images/navi-form.gif") no-repeat;
	display:block;
	width:180px;
	height:35px;
	}
#naviwrap ul #form a:hover{
	background:url("../images/navi-form-hover.gif") no-repeat;
	display:block;
	width:180px;
	height:35px;
	}
/*--会社概要--*/
#naviwrap ul #company{
	background:url("../images/navi-company.gif") no-repeat;
	text-indent:-5000px;
	}
#naviwrap ul #company a{
	background:url("../images/navi-company.gif") no-repeat;
	display:block;
	width:180px;
	height:35px;
	}
#naviwrap ul #company a:hover{
	background:url("../images/navi-company-hover.gif") no-repeat;
	display:block;
	width:180px;
	height:35px;
	}
	
/*キャッチイメージ
--------------------------------------------------*/
#catchwrap p{
	text-indent:-5000px;
	}
	
/*メインコンテンツ
--------------------------------------------------*/
/*--外部スタイルシート--*/

/*サイドバー
--------------------------------------------------*/
#side ul{
	margin-top:10px;
	}
#side ul li{
	margin-bottom:10px;
	}
/*--テキストリンク--*/
#side .ather{
	display:block;
	font-weight:bolder;
	text-align:right;
	}
/*--決済代行システムバナー--*/
#side ul #banner-payment{
	background:url("../images/banner-payment.gif") no-repeat;
	text-indent:-5000px;
	}
#side ul #banner-payment a{
	background:url("../images/banner-payment.gif") no-repeat;
	display:block;
	width:190px;
	height:100px;
	}
/*--動画配信システムバナー--*/
#side ul #banner-movie{
	background:url("../images/banner-movie.gif") no-repeat;
	text-indent:-5000px;
	}
#side ul #banner-movie a{
	background:url("../images/banner-movie.gif") no-repeat;
	display:block;
	width:190px;
	height:100px;
	}
/*--業務支援システムバナー--*/
#side ul #banner-businesssupport{
	background:url("../images/banner-businesssupport.gif") no-repeat;
	text-indent:-5000px;
	}
#side ul #banner-businesssupport a{
	background:url("../images/banner-businesssupport.gif") no-repeat;
	display:block;
	width:190px;
	height:100px;
	}
/*--専用・共有・VPSサーバーバナー--*/
#side ul #banner-server{
	background:url("../images/banner-server.gif") no-repeat;
	text-indent:-5000px;
	}
#side ul #banner-server a{
	background:url("../images/banner-server.gif") no-repeat;
	display:block;
	width:190px;
	height:100px;
	}
/*--外部リンク--*/
#side p a img{
	margin:10px auto 0px;
	text-align:center;
	}
	
/*フッター
--------------------------------------------------*/
#footer #footerwrap{
	width:900px;
	margin:0px auto;
	position:relative;
	}
/*--ロゴ部分--*/
#footerlogo{
	text-indent:-5000px;
	background:url("../images/footerlogo.gif") no-repeat;
	position:absolute;
	top:10px;
	left:10px;
	}
#footerlogo a{
	display:block;
	width:120px;
	height:52px;
	background:url("../images/footerlogo.gif") no-repeat;
/*--メニュー・コピーライト部分--*/
	}
#footer ul{
	margin:0px auto;
	text-align:center;
	padding-top:15px;
	}
#footer ul li{
	display:inline;
	margin:10px 10px;
	}
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active,
#footer a:after{
	color:#ffffff;
	text-decoration:none;
	}