@charset "utf-8"; 
/*==================================================================================================
DRAGON SYSTEM .NET / BLOG 2009
+copyright + credits+

auther: KANEKO RYU

目次:

1.基本共通設定

2.コンテナ設定、ブロック設定

3.

==================================================================================================*/


/* ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
1: 基本共通設定
 ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */

*{/* ===== 1: Reset ===== */
	font-size:100%;
	}
	
	/*見出しタグリセット*/
	h1,h2,h3,h4,h5,h6,p{margin:0; padding:0; font-weight:normal;}

html{
	/*min-width:970px;*/
	/*min-height:550px;*/
	/* setting border: 0 hoses ie6 win window inner well border */
	}
body {
	margin:0; padding:0;
	background-color:#f4f4f5;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	color:#32323c;
	}
body#home {
	margin:0; padding:0;
	background:url("img/BG/indexVisual01.png") top left no-repeat; background-color:#f4f4f5;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	color:#32323c;
	}
	
body#blogHome {/*ブログの背景*/
	margin:0; padding:0;
	background:url("img/BG/indexVisual02.png") top left no-repeat; background-color:#f4f4f5;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	color:#32323c;
	}
body#Portfolio {/*ポートフォリオの背景*/
	margin:0; padding:0;
	background:url("img/BG/03_portfolioBG/background.png") top left no-repeat; background-color:#f4f4f5;
	_background:url("img/BG/03_portfolioBG/background.gif") top left no-repeat; background-color:#f4f4f5;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	color:#32323c;
	}

body#AboutThis{/*ポートフォリオの背景*/
	margin:0; padding:0;
	background:url("img/BG/02_aboutBG/background.png") top left no-repeat; background-color:#f4f4f5;
	_background:url("img/BG/02_aboutBG/background.gif") top left no-repeat; background-color:#f4f4f5;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	color:#32323c;
	}

body#Contact{/*コンタクトの背景*/
	margin:0; padding:0;
	background:url("img/BG/04_contactBG/background.png") top left no-repeat; background-color:#f4f4f5;
	_background:url("img/BG/04_contactBG/background.gif") top left no-repeat; background-color:#f4f4f5;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	color:#32323c;
	}


hr{ display:none;}
.clear{ clear:both; }

a:link,a:visited {
	color:#0099cc; text-decoration:none;
	}

a:hover{
	color:#00ccff; text-decoration:underline;
	}
	
img{border:none;}
img.floatLeft{display:block; float:left; margin-right:7px;}
img.floatRight{display:block; float:right; margin-left:7px;}
img.centerImage{display:block; margin:5px auto 10px auto;}

/*基本フォント設定*/
p{ font-size:10pt; line-height:170%; padding-bottom:1em;}

.grayText{color:#808096;}

.font-ss{font-size:0.6em;}
.font-s{font-size:10px; _font-size:0.8em;}
.font-m{font-size:1.0em;}
.font-l{font-size:1.2em;}

.font-red{color:#FF0000;}
.font-blue{color:#003399;}
.font-gray{color:#808096;}

.font-s-gray{font-size:10px; _font-size:0.8em; color:#808096;}
.font-m-bold{font-size:1.0em; font-weight:bold;}

/* ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
2: コンテナ設定、ブロック設定 
 ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */

#ContainerHeaderArea{/*ヘッダーのコンテナ*/
	margin:0; padding:0;
	z-index:1;
	position:absolute;
	}

/*全てのコンテナ　===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */

	#ContainerAllContents{
	display:block;
	width:auto;
	height:auto;
	margin:0px 0 0px 0; 
	padding:60px 0 10px 30px;
	position:static;
	z-index:10;
	}
	
	#ContainerAtoC{/*AからC列までを入れるコンテナ*/
		display:block; float:left;
		width:973px; height:auto; margin:0; padding:0;
		z-index:auto;
		}
		
	#ContainerAtoC.home{/*AからC列までを入れるコンテナ/ホームレイアウト用*/
		display:block; float:left;
		width:auto; height:auto; margin:0 0 100px 0; padding:0;
		z-index:auto;
		}
		
	#ContainerOption{/*オプションコンテナ*/
		display:block; float:left;
		width:201px; height:auto; margin:0; padding:0;
		z-index:auto;
		}
		
	/*列ごとのコンテナ　===== ===== ===== ===== ===== ===== ===== ===== ===== */
	
	/* A 列のコンテナ ---- ---- ---- ----*/
	#AspaceContainer{
	display:block; float:left;
	width:201px; height:auto;
	margin:0 0 10px 0;
	/*background:url("img_Dummy/blue01.png") repeat;*/
	text-align:left;
	z-index:auto;
	}

	/* B 列のコンテナ ---- ---- ---- ----*/
	#BspaceContainer{
	display:block; float:left;
	width:201px; height:auto;
	margin:0 0 10px 0;
	/*padding-top:86px;/*ロゴの高さ分下げる*/
	/*background:url("img_Dummy/green01.png") repeat;*/
	text-align:left;
	z-index:auto;
	}
		/*page@ポートフォリオ*/
		#BspaceContainer.Portfolio{
		display:block; float:left;
		width:201px; height:auto;
		margin:0 0 10px 0;
		padding-top:310px;/*ロゴの高さ分下げる*/
		text-align:left;
		z-index:auto;
		}
		/*page@アバウト（このサイトについて）*/
		#BspaceContainer.AboutThis{
		display:block; float:left;
		width:201px; height:auto;
		margin:0 0 10px 0;
		padding-top:120px;/*ロゴの高さ分下げる*/
		text-align:left;
		z-index:auto;
		}

	/* C 列のコンテナ(記事、コンテンツ本文部分) ---- ---- ---- ----*/
	#CspaceContainer{
	display:block; float:left;
	width:561px; height:auto;
	margin:0 0 10px 0;
	/*padding-top:86px;/*ロゴの高さ分下げる*/
	/*background:url("img_Dummy/pink01.png") repeat;*/
	text-align:left;
	z-index:auto;
	}
	
	
	/* D 列のコンテナ ---- ---- ---- ----*/
	#DspaceContainer{
	display:block; float:left;
	width:201px; height:auto;
	margin:0 0 10px 0;
	/*background:url("img_Dummy/red01.png") repeat;*/
	text-align:left;
	z-index:auto;
	}
	
	/* コンテナエンド ---- ---- ---- ----*/
		.HRcontainerEndA{
			display:block; float:left;
			width:201px; height:15px;
			margin:0 0 1px 0;
			background:url("img_Dummy/red01.png") repeat;
			text-align:left;
			}
		.HRcontainerEnd{
			display:block; float:left;
			width:201px; height:15px;
			margin:0 0 1px 0;
			background:url("img_Dummy/red01.png") repeat;
			text-align:left;
			}
	
	
	
/*フッターエリアのコンテナ*/
#ContainerFooterArea{
	clear:both;
	display:block;
	width:100%; 
	height:auto;
	margin:0; 
	padding:0 0 10px 0;
	clear:both;
	position:static;
	z-index:10;
	}

/*コピーライト*/
#copyright{
	clear:both;
	display:block; overflow:hidden;
	width:960px;
	height:40px;
	text-indent:-9999px;
	margin:0; padding:0;
	background:url("img_footer/copyright.png") top left no-repeat;
	_background:url("img_footer/copyright.gif") top left no-repeat;
	z-index:auto;
	}
	
	/*コピーライト@home*/
	#copyright.home{
	display:block;
	width:100%;
	height:40px;
	text-indent:-9999px;
	margin:0; 
	padding:0;
	background:url("img_footer/copyright.png") top left no-repeat;
	_background:url("img_footer/copyright.gif") top left no-repeat;
	z-index:auto;
	}



/* ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
3: ロゴ部分 
 ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */

#LogoType{
	display:block;
	padding:0; margin-bottom:1px;
	}

h1 {/*ロゴ部分*/
	display:block; 
	overflow:hidden;
	width:200px; height:85px;
	background:url("img/LogoH1.jpg") top left no-repeat;
	text-indent:-9999px;
	margin:0px; padding:0px;
	}

/* ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
4-1: H2 システム項目の見出し部分@ポートフォリオ
 ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */

.titleProjectType{/*案件種類*/
	display:block; overflow:hidden;
	width:200px; height:26px;
	text-indent:-9999px;
	background:url("img_h2/projectType.gif") top left no-repeat;
	}



/* ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
4-2: H2 システム項目の見出し部分@ブログ
 ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
 
 .titleLocalMenu{/*ローカルメニューのヘッド*/
	display:block; overflow:hidden;
	width:200px; height:18px;
	text-indent:-9999px;
	background:url("img_h2/localMenu.gif") top left no-repeat;
	}

 
	
.titleSearch{/*検索*/
	display:block; overflow:hidden;
	width:200px; height:26px;
	text-indent:-9999px;
	background:url("img_h2/search.gif") top left no-repeat;
	}

.titleCategories{/*カテゴリー*/
	display:block; overflow:hidden;
	width:200px; height:26px;
	text-indent:-9999px;
	background:url("img_h2/categories.gif") top left no-repeat;
	}

.titleEntries{/*エントリー*/
	display:block; overflow:hidden;
	width:200px; height:26px;
	text-indent:-9999px;
	background:url("img_h2/recentEntries.gif") top left no-repeat;
	}
	
.titleComments{/*コメント*/
	display:block; overflow:hidden;
	width:200px; height:26px;
	text-indent:-9999px;
	background:url("img_h2/recentComments.gif") top left no-repeat;
	}

.titleMonthlyArchives{/*月別アーカイブ*/
	display:block; overflow:hidden;
	width:200px; height:26px;
	text-indent:-9999px;
	background:url("img_h2/monthlyArchives.gif") top left no-repeat;
	}
	
.titleSpecialIssue{/*スペシャルイシュー（特別記事）*/
	display:block; overflow:hidden;
	width:200px; height:26px;
	text-indent:-9999px;
	background:url("img_h2/specialIssue.gif") top left no-repeat;
	}

.titleTag{/*タグ*/
	display:block; overflow:hidden;
	width:200px; height:26px;
	text-indent:-9999px;
	background:url("img_h2/tag.gif") top left no-repeat;
	}

.titleNone{/*タグ*/
	display:block; overflow:hidden;
	width:200px; height:18px;
	text-indent:-9999px;
	background:url("img_h2/noTitle.gif") top left no-repeat;
	}


/* ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
99: 共通設定
 ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */

/*ブロック部分の共通パーツ＠ボディ部分*/
.spaceA_Body{
	display:block; width:200px; 
	margin:0;
	background:url("img/BG/bgA.gif") top left repeat-y;
	font-size:10pt;　_font-size:10px;
	}
	.AbodyMarginSearch{
		padding:0 13px 0 13px;
		margin:0;
		text-align:left;
		}
	.AbodyMargin{
		padding:0 15px 0 15px;
		margin:0;
		}
	
.spaceA_End{
	display:block; width:200px; height:16px; margin:0;
	background:url("img/BG/bgAend.gif") top left no-repeat;
	}
	
.spaceB_Body{
	display:block; width:200px; margin:0;
	background:url("img/BG/bgB.gif") top left repeat-y;
	padding:0.2em 0 0.2em 0;
	font-size:10pt;　_font-size:10px;
	}
	
.spaceB_BodyAtPortfolio{
	display:block; width:200px; margin:0;
	background:url("img/BG/bgB.gif") top left repeat-y;
	padding:0.2em 0 0.2em 0;
	font-size:10pt;　_font-size:10px;
	}
	
	
	.BbodyMargin{
		padding:0 15px 0 18px;
		}
	
	.BbodyMarginPortfolio{
		padding:0 15px 0 18px;
		}
		
		
		
.spaceB_End{
	display:block; width:200px; height:16px; margin:0;
	background:url("img/BG/bgBend.gif") top left no-repeat;
	}
	
.spaceD_Body{
	display:block; width:200px; 
	margin:0; padding:0;
	background:url("img/BG/bgD.gif") top left repeat-y;
	}
	.DbodyMargin{
		padding:0 15px 0 18px;
		}
		
.spaceD_End{
	display:block; width:200px; height:16px; margin:0;
	background:url("img/BG/bgDend.gif") top left no-repeat;
	}

.spaceC_Head{
	}
	
.spaceC_End{/*スペースCのエンド(ページトップを含まない場合のエンド)*/
	display:block; overflow:hidden; width:560px; height:20px; margin:0;
	background:url("img/BG/bgCend.png") top left no-repeat;
	}	
	
.spaceD_Body{
	display:block; width:200px; margin:0; padding-bottom:2px;
	background:url("img/BG/bgD.gif") top left repeat-y;
	text-align:center;
	}
.spaceD_End{
	display:block; width:200px; height:16px; margin:0;
	background:url("img/BG/bgDend.gif") top left no-repeat;
	}

/*=======ページトップと記事のブロックのフッタ==============*/

/*ページトップ*/
.btn_PageTop{
	display:block; overflow:hidden;
	width:10px;
	height:10px;
	margin:0 auto 0 auto;
	background:url("img/pageTop.gif") top center no-repeat;
	text-indent:-9999px;
	}
	.btn_PageTop:hover{
	display:block; overflow:hidden;
	width:10px;
	height:10px;
	margin:0 auto 0 auto;
	background:url("img/pageTop.gif") center -10px no-repeat;
	}

/*記事のフッターブロック（ページトップ挿入コンテナ）*/
.contentsFooter{
	display:block; clear:both;	
	width:560px; height:21px;
	padding:1px 0 0 0;
	background:url("img/BG/spaceC_End.png") top center no-repeat;
	text-align:center;
	}

/*ページトップを途中に挿入する場合のコンテナ*/
.contentsPageTopContainer{
	display:block;
	width:560px; height:12px;
	padding:1px 0 0 0;
	background:url("img_C/contentsPageTopContainer.png") top center no-repeat;
	text-align:center;
	}



/*パンクズリスト（FootPrnt）-------------------------------------------*/
#ContainerFootPrint{/*パンクズリストのコンテナ*/
	display:block;
	width:100%; height:27px;
	font-size:10px; _font-size:10px;
	margin:0 0 -27px 0; padding:0;
	_margin:0 0 0margin:0 0 -27px 0; padding:0;px 0; padding:0;
	background:url("img/BG/footPrintBG.png") left top repeat-x;
	position:static;
	z-index:20;
	}
	
	#footPrintUL{/*ULの設定*/
		display:block;
		width:auto; 
		padding:0; margin:0 0 0 35px;
		list-style:none;
		}
		
	#footPrintUL a:link{/*アンカーリンク*/
		display:block;
		float:left;
		margin-right:0.5em;
		}
	
	li.fooPrintHomeLI{/*リスト@ホーム*/
		display:block; float:left;
		padding:6px 5px 2px 0px;
		}
		
	li.fooPrintLI{/*リスト@下層*/
		display:block; float:left;
		padding:6px 5px 2px 15px;
		background:url("img/BG/footPrintListBG.gif") left top no-repeat;
		}



/*=======イメージの入っているHR要素==============*/

.HRwidth540HR01{
	clear:both;
	margin-top:10px;
	padding:15px 10px 5px 10px;
	background:url("img_C/portfolio/projectDetailBodyBG.png") top center no-repeat;
	_background:url("img_C/portfolio/projectDetailBodyBG.png") top center no-repeat;
	}

.HRwidth540HR02{
	clear:both;
	margin-top:10px; margin-bottom:15px;
	padding:15px 10px 5px 10px;
	background:url("img_C/portfolio/projectDetailBodyBG.png") top center no-repeat;
	_background:url("img_C/portfolio/projectDetailBodyBG.png") top center no-repeat;
	}

.HRwidth540HR03{
	clear:both;
	margin-top:0; margin-bottom:0;
	padding:0px 10px 0px 10px;
	background:url("img_C/portfolio/projectDetailBodyBG.png") top center no-repeat;
	_background:url("img_C/portfolio/projectDetailBodyBG.png") top center no-repeat;
	}
	
/* ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== 
page: Contact 
 ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
h2.siteMapH2title{
	font-size:9pt;
	_font-size:10px;
	font-weight:normal;
	margin:0;
	padding:0.3em 0.5em 0 1em;
	background-color:#eeeeef;
	}
	h2.siteMapH2title a:link,h2.siteMapH2title a:visited{
		color:#000000;
		}
ul.siteMapUL{
	margin:0.5em 0 1.5em 0;
	padding:0 0 0 1.5em;
	list-style:none;
	}




/*=====================================================================================================
カテゴリーメニュー@ポートフォリオ
==================*/


.BbodyMarginPortfolio ul {
	font-family:'ヒラギノ角ゴ Pro W6','Osaka','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	display:block;
	padding:0;
	margin:0 0 0.5em 0;
	font-size:9pt;
	font-weight:normal; _font-weight:bold;
	list-style:none;
	line-height:120%; _line-height:120%;
	}
	



#cMenuULportfolio{/*カテゴリメニュー*/
	font-family:'ヒラギノ角ゴ Pro W6','Osaka','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	display:block;
	width:176px;
	padding:0;
	margin:0;
	font-size:9pt;
	font-weight:normal; _font-weight:bold;
	list-style:none;
	line-height:120%; _line-height:120%;
	}

.categoryMenuLIportfolio{/*カテゴリメニューのリスト部分*/
	display:block;
	background:url("img/list/listAllow.gif") left center no-repeat;
	padding:0 0 0 6px;
	margin:0.2em 0 0.5em 0;
	font-size:9pt;
	}

.BbodyMarginPortfolio ul li {
	list-style:none;
	margin:0 0 1em 0em;
	}

.BbodyMarginPortfolio ul li ul {
	list-style:none;
	margin:0.5em 0 0.5em 0.5em;
	}

.BbodyMarginPortfolio ul li ul li{
	display:block;
	padding:0 0 0 6px;
	margin:0 0 0.5em 0em;
	background:url("img/list/listAllow.gif") left center no-repeat;
	}



/*==================================================================================================
DRAGON SYSTEM .NET / BLOG 2009
+copyright + credits+
auther: KANEKO RYU
==================================================================================================*/