@charset "utf-8";
/* ---------------
汎用スタイル style.css
テンプレートにあるclassの初期値設定
--------------- */

/* ---------------
要素の再定義
--------------- */

body {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:15px;
	color: #333333;
	_text-align: center;
}

/*	コンテンツ全体のボックス	*/
#wrapperBox{
	position: relative;
	background:#FFFFFF url(../images/headerBg.gif) repeat-x left top;
	width: 1000px;
	margin: 0px auto;
	padding-top: 52px;
}

#wrapper {
	width: 800px;
	margin: 0px auto;
	padding: 0;
	_text-align: center;
}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

/* ---------------
へッダーボックス
--------------- */
#header {
	font-size:1em;
	margin: 0;
	text-align:center;
	width:800px;
}

/*　サイトのロゴ　*/
#siteTitle {
	margin: 0 0 20px 0;
	padding: 0;
}

#nav{
	height: 60px;
	margin: 0;
}

#headCopy {
	position:absolute;
	top: 70px;
	right: 0;
	font-size: 10px;
	color: #666666;
	line-height:1.2;
}

#headCopy a{
	color: #666666;
}

/* ---------------
メインボックス
--------------- */
#main {
	display: inline;
	float: left;
	width: 560px;
	margin: 0px;
	padding: 0;
	text-align:left;
}


/* ---------------
エントリー部分
--------------- */
/* トピックパス */
#topicpath{
_text-align:left;
}

#topicpath,#topicpath a:link, #topicpath a:visited{
	color:#666666;
}

/* 関連したエントリー */
#entry_relational{
	margin-bottom: 30px;
}

#entry_relational h3{
	font-size: 16px;
	color: #C40F32;
}

#entry_relational ul li{
	background: url(../images/subList.gif) no-repeat scroll left 5px;
	margin-bottom: 5px;
	padding-left: 20px;
	line-height: 1.5;
}

/* タグボックス */
#tagBox{
	margin: 20px 0;
}

#tagBox p span{
	display: inline-block;
	margin: 0 5px 5px 0;
}

#tagBox #nextTagTitle p{
	float: right;
	width: 430px;
}

.newsNavi{
	_margin-bottom: -180px;
}

/* タイトルのヘッダー */
.entryHeader{
	margin: 0;
	background: url(/themes/appleple/images/entryHeadBg.gif) repeat-x left top;
	_width: 100%;
}

/* タイトル */
.entryTitle{
	padding: 20px 0 10px 40px;
	background: url(/themes/appleple/images/entryTitle.gif) no-repeat left 28px;
	color: #C40F32;
	font-size: 26px;
	font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 1.4;
}

/* タイトル */
.entryTitle a:link, .entryTitle a:visited{
	color: #C40F32;
}


/* エントリーの情報 */
.entryData {
	height: 1em;
	padding: 10px 0;
	background:transparent url(/themes/appleple/images/entryLine.gif) no-repeat scroll left top;
}
/* 投稿日 */
.date {
	float: left;
	margin-left: 10px;
	color: #999999;
}
/* 投稿者 */
.author {
	float: right;
	margin-right: 10px;
	color: #999999;
}

/* 一記事のエントリー */
.entry {
	margin:0;
	padding:20px 4px 10px;
	_padding: 20px 0 0 0;
	background: url(/themes/appleple/images/entryLine.gif) no-repeat left top;
}

/* お問い合わせバナー */
p#mainCall {
	margin-top: 30px;
}

/* ---------------
サブボックス
--------------- */
#sub {
	display: inline;
	float: right;
	width: 210px;
	margin: 0px 0px 20px 0;
	_margin: 0px 0px 20px 0;
	padding:0;
	text-align:left;
}


/* カテゴリーナビ */
#devEntryListBox{
	padding:0;
}

.devEntryList a{
	background: url(/themes/appleple/images/cateBtn2.jpg) no-repeat;
	height: 33px;
	width: 190px;
	margin: 0 2px 0 20px;
	padding: 8px 0 0 10px;
	font-size:16px;
	color: #333333;
	display: block;
}


#devEntryListBox a.stay {
	background-image: url(/themes/appleple/images/cateBtn.jpg);
	background-repeat: no-repeat;
	height: 32px;
	_width: 183px;
	color: #FFFFFF;
	font-size:16px;
	margin: 0 2px 0 0;
	padding:8px 0 0 27px;
	margin-bottom: 2px;
}
.devEntryList a:link, .devEntryList a:visited{
	color: #333333;
}

#devEntryListBox #viewing {
	background-image: url(/themes/appleple/images/cateBtn.jpg);
	background-repeat: no-repeat;
	height: 32px;
	_width: 183px;
	color: #FFFFFF;
	font-size:16px;
	padding:8px 0 0 27px;
	margin-bottom: 2px;
}

#devEntryListBox #viewing a:link, #devEntryListBox #viewing a:visited{
	color: #FFFFFF;
}

#subCall{
	text-align: center;
	margin-top: 30px;
}

/* サブタイトル */
.subTitle{
	background: url(/themes/appleple/images/subCateLine.gif) repeat-x left top;
	color: #333333;
	font-size: 16px;
	text-align: center;
	padding: 10px 0;
}

.subContent{
	padding: 10px 15px;
	background: url(/themes/appleple/images/subCateLineUnder.gif) repeat-x left top;
}

.caseLink{
	margin: 10px 0 20px;
}

.caseLink a{
	width: 165px;
	display: block;
	padding-left:15px;
	background: url(/themes/appleple/images/marker.gif) no-repeat left 4px;
	font-size: 10px;
}

/* フッタートピックパス */
#topicBox{
	width: 1000px;
	height: 30px;
	background: url(/themes/appleple/images/topicFoot.gif) repeat-x left top;
}

#topicBox{
	color:#FFFFFF;
	
}

#topicpathFoot{
	padding-left: 112px;
	
}

#topicpathFoot a,#topicpathFoot a:link, #topicpathFoot a:visited{
	color: #FFFFFF;
	font-size: 12px;
}

/* ------------------------------

エントリー装飾

------------------------------ */

/* 画像 */
.columnImage{
	padding: 10px;
	background: url(../images/photoFrame.gif) repeat;
}

/* ------------------------------

サイド事例紹介

------------------------------ */

.topCasestudy{
	float: left;
}

/* 画像 */
.topCasestudyImg{
	background: url(/themes/appleple/images/photoFrame.gif) repeat;
	padding: 5px;
}

.topCasestudyImg img{
	position:relative;
}

/* IE7対策 */
*:first-child+html .topCasestudyImg img{
	position:static;
}


/* ------------------------------

事例紹介ページ

------------------------------ */

/* サブカラム */
.topCasestudyImg {
	background:transparent url(/themes/appleple/images/photoFrame.gif) repeat scroll 0 0;
	padding:5px;
}

/*スタッフブログ（リスト間隔）*/
#topNewsEntry li .blogList{
	padding: 0px 0 5px 20px;
}

/* 会社の住所 */
#companyAddress{
	background: url(/themes/appleple/images/subCateLineUnder.gif) repeat-x left top;
	padding: 20px 0 0 15px;
}

#companyAddress h4{
	color: #C40E32;
}

/* 会社の地図 */
#subMap{
	background: url(../images/photoFrame.gif) repeat;
	padding: 5px;
	margin: 20px 0 0 15px;
	width: 170px;
	height: 170px;
}

/* 新着アイコン */
.newIcon{
	float: right;
}

.casestudyLink,.casestudyLink a{
	color:#999999;
	font-size: 12px;
}

/* 日付 */
.casestudyDate{
	float: right;
}


/* ------------------------------

お知らせ

------------------------------ */

/* トップのエントリーヘッドラインリスト */
div.entryHeadline {
	background:transparent url(/themes/appleple/images/entryLine.gif) no-repeat scroll left top;
}

div.entryHeadline h3.headlineTitle a {
	color:#333333;
}

/* ヘッドラインタイトル */
div.entryHeadline h3.headlineTitle {
	padding:7px 0 7px 30px;
	font-family:"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 18px;
	font-weight: normal;
	background:transparent url(/themes/appleple/images/entryTitle.gif) no-repeat scroll left center;
}

/* エントリー情報 */
div.entryHeadline div.entryData {
	padding: 0 0 18px 0;
	background:transparent url(/themes/appleple/images/entryLine.gif) no-repeat scroll left bottom;
}

/* お知らせ（サブカラム） */
#topNewsEntry {
	color:#999999;
}

.topNews {
	background:transparent url(/themes/appleple/images/subCateLineUnder.gif) repeat-x scroll left top;
	padding-top:10px;
}

.topNewsDate {
	padding:0 0 5px 20px;
}

#topNewsEntry span {
	background:transparent url(/themes/appleple/images/subList.gif) no-repeat scroll left 6px;
	display:inline-block;
	padding-left:20px;
}

#topNewsEntry a {
	color:#333333;
	display:inline-block;
}



/* ------------------------------

お問い合わせ

------------------------------ */
/* 必須 */
.Necessity{
	color:#C40F32;
}

/* お問い合わせのテーブル */
#contactBox{
	width: 100%;
	border-bottom: solid 1px #999999;
	margin-bottom:20px;
	zoom: 1;
}

#contactBox tr{
	padding: 10px 0;
	height: 45px;
}

#contactBox th, #contactBox td{
	padding: 10px;
}

#contactBox th{
	background-color: #EEEEEE;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	vertical-align: top;
}

#contactBox td{
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
}

.message{
	margin-bottom: 20px;
}

#leftBtn{
	margin-right: 30px;
}

/* フォームの長さ */
.FormS{
	width: 150px;
}


.FormM{
	width: 250px;
}

.FormL{
	width: 400px;
}

.FormBox{
	width: 400px;
	height: 200px;
}

.entryContentTxt{
	background: url(/themes/appleple/images/entryLine.gif) no-repeat left top;
	margin-bottom: 20px;
	padding: 20px 0;
}

/* ------------------------------

ブログ

------------------------------ */



/* カレンダー送り */
/* 月送り */
/* 左側(戻る) */
#sub .oldListBlog {
	float: left;
	width: 30%;
	padding: 0;
	text-align: left;
}
/* 中央(一覧) */
#sub .allListBlog {
	float: left;
	width: 40%;
	padding: 0;
	text-align: center;
}
/* 右側(進む) */
#sub .newListBlog {
	float: right;
	width: 30%;
	padding: 0;
	text-align: right;
}



/* 本文内ナビゲーション用囲み */
.guideBox {
	margin-bottom: 20px;
	background-color: #D01037;
}
/* エントリ送り */
.guideBox ul.entryNavi {
	margin: 0;
	padding: 5px 10px;
}
/* エントリー送り */
ul.entryNavi li a:link,
ul.entryNavi li a:visited,
ul.entryNavi li a:active,
ul.entryNavi li a:hover {
	color: #FFF;
}
/* 左側(戻る) */
#main .oldEntry {
	float:left;
	text-align:left;
	width:40%;
}
#main .oldEntry a {
	padding-left: 13px;
	/*background: url("../images/icn_arrow03.png") no-repeat left center;*/
}
/* 中央(一覧) */
#main .allEntry {
	float:left;
	text-align:center;
	width:18%;
}
/* 右側(進む) */
#main .newEntry {
	float:right;
	text-align:right;
	width:40%;
}






/* ---------------
top2010.css
トップページ 2010設定
--------------- */
/* ヘッダー */
#header{
	position: relative;
}

#header #siteTitle{
	margin-bottom: 25px;
} 

/* ヘッダー（お問い合わせ）*/
#header #contactBtn{
	position: absolute;
		top: -10px;
		right: 0;
}

ul#globalNav{
	margin-bottom: 5px;
	padding: 0;
}

ul#globalNav li{
	float: left;
	height: 70px;
}

ul#globalNav li a{
	display: block;
	height: 70px;
	padding: 0;
	text-align: center;
	text-indent: -9999px;
}

/* サイト制作 */
ul#globalNav li#website a{
	width: 160px;
	background: url(../images/globalNav.png) no-repeat left top;
}

	ul#globalNav li#website a:hover {
		width: 160px;
		background: url(../images/globalNav.png) no-repeat left -70px;
	}
	ul#globalNav li#website a.stay {
		width: 160px;
		background: url(../images/globalNav.png) no-repeat left -140px;
	}

/* システム開発 */
ul#globalNav li#dev a{
	width: 160px;
	background: url(../images/globalNav.png) no-repeat -160px top;
}

	ul#globalNav li#dev a:hover {
		width: 160px;
		background: url(../images/globalNav.png) no-repeat -160px -70px;
	}
	ul#globalNav li#dev a.stay {
		width: 160px;
		background: url(../images/globalNav.png) no-repeat -160px -140px;
	}

/* セミナー */
ul#globalNav li#seminar a{
	width: 160px;
	background: url(../images/globalNav.png) no-repeat -320px top;
}

	ul#globalNav li#seminar a:hover {
		width: 160px;
		background: url(../images/globalNav.png) no-repeat -320px -70px;
	}
	ul#globalNav li#seminar a.stay {
		width: 160px;
		background: url(../images/globalNav.png) no-repeat -320px -140px;
	}

/* 会社概要 */
ul#globalNav li#about a{
	width: 160px;
	background: url(../images/globalNav.png) no-repeat -480px top;
}

	ul#globalNav li#about a:hover {
		width: 160px;
		background: url(../images/globalNav.png) no-repeat -480px -70px;
	}
	ul#globalNav li#about a.stay {
		width: 160px;
		background: url(../images/globalNav.png) no-repeat -480px -140px;
	}

/* ブログ */
ul#globalNav li#blog a{
	width: 160px;
	background: url(../images/globalNav.png) no-repeat -640px top;
}

	/* ブログ */
	ul#globalNav li#blog a:hover {
		width: 160px;
		background: url(../images/globalNav.png) no-repeat -640px -70px;
	}
	ul#globalNav li#blog a.stay {
		width: 160px;
		background: url(../images/globalNav.png) no-repeat -640px -140px;
	}

/* ページボタン */
.pageLinkBtn{
	margin-bottom: 30px;
}

/* NEWアイコン */
.topCasestudyImg{
	position: relative;
}

.topCasestudyImg .new{
	position: absolute;
	top: 5px;
	right: 5px;
}

/* システム開発 ロゴ */
.topDevBox{
	margin-bottom: 30px;
}

.topDevBox h3{
	float: right;
	width: 268px;
}

/* システム開発 テキスト */
.topDevBox .txt{
	float: left;
	width: 270px;
	margin-bottom: 25px;
}

/* お知らせ */
#topHeadlineBox{
	margin-bottom: 30px;
}

#topHeadlineBox .entryHeader {
	margin: 0;
	border-bottom: dotted 1px #CCC;
}

.topHeadline{
	padding: 15px 0;
	border-bottom: solid 1px #CCC;
}

.topHeadline h3{
	margin-bottom: 10px;
}

.topHeadline .txt{
	float: left;
	width: 380px;
}

/* 日付 */
.topHeadline .date{
	display: inline-block;
	margin-right: 10px;
	font-weight: normal;
	color: #666;
}

.topHeadline p{
	font-size: 13px;
	line-height: 1.7;
}

/* すべてのお知らせを見る */
#topHeadlineBox .newsLink{
	margin-top: 15px;
	text-align: right;
}

/* biggerLink */
.bl-hover{
	background-color: #EEE;
	border-bottom: solid 1px #CCC;
}

/* サイド サイト制作 */
#subWebsite{
	margin: 5px 0 30px;
	padding-top: 15px;
	border-top: dotted 1px #CCCCCC;
}




/* 段落 : 間隔調整 */
div.column-image-left {
	margin-right: 20px;
	margin-bottom: 30px;
}
div.column-image-right {
	margin-left: 20px;
	margin-bottom: 30px;
}

.socialButtonWrapper{
	margin-top: 50px;
}