﻿@charset "utf-8";
body  {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#FFF;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-y;
	background-position:center center;
	margin:0;
	padding:0;
	text-align:center;
	color:#333333;
}




/* container　*/
.twoColFixRtHdr #container { 
	width:780px;
	margin:0 auto;
	text-align:left;
	border:1px solid #EEE;
	background-image:url(images/bg_sidebar.gif);
	background-position:right;
	background-repeat:repeat-y;
} 










/* -----------ヘッダー----------- */
/* header1　*/
.twoColFixRtHdr #header1 { 
	width:780px;
	padding:0px;
	background:#FFF;
	border-top:2px solid #999999;
	border-bottom:6px solid #DDD;
	overflow:auto;
}

#header1 h1{
	font-size:70%;
	color:#333;
	font-weight:normal;
	margin:2px 0 0 6px;
}

/* 画像 */
img {
	margin:0;
	padding:0;
	border:none;
}

/* 画像（ロゴ） */
img.logo {
	float:left;
	margin:40px 0 10px 20px;
	padding:0px;
}

/* 画像（ボタン） */
img.button {
	float:right;
	margin:30px 20px 10px 0;
	padding:0px;
}

/* リンク */
#header1 a:link, a:visited, a:hover, a:active {
	text-decoration:none;
}

/* header2　*/
.twoColFixRtHdr #header2 { 
	width:780px;
	height:140px;
	margin:0;
	padding:0;
	background-image:url(images/bg_h1.jpg);
	background-repeat:no-repeat;
}

/* header2 見出し１　*/
.twoColFixRtHdr #header2 h1{
	margin:0;
	padding:40px;
	color:#000;
	font-size:140%;
	font-weight:normal;
}










/* -----------サイドバー----------- */
/* sidebar1 */
.twoColFixRtHdr #sidebar1 {
	float:right;
	width:206px;
	margin:0;
	padding:0;
}

/* sidebar1 リスト*/
#sidebar1 ul {
	list-style-type:none;
	margin:0;
	padding:10px 0 0 0;
}

/* sidebar1 リスト項目*/
#sidebar1 li {
	margin:0;
	padding:0;
	font-size:80%;
	background-image:url(images/bg_li.gif);
}

/* sidebar1 リンク（未表示・表示済み）*/
#sidebar1 a:link, #sidebar1 a:visited {
	margin:1px 0;
	padding:8px;
	border:1px solid #EEE;
	color:#333;
	text-indent:4px;
	text-decoration:none;
	display:block;
}

/* sidebar1 リンク（オンマウス）*/
#sidebar1 a:hover, #sidebar1 a:active {
	border-left:4px solid #AE0000;
	color:#333;
	text-indent:1px;
}



/* ブログエリア */
#blog {
	margin:5px 0;
	padding:5px 0;
}

/* ブログエリアの段落 */
#blog p {
	margin:0;
	padding:0;
	text-align:center;
}

/* ブログエリアのリンク */
#blog a:link, #yahoo a:visited, #yahoo a:hover, #yahoo a:active {
	margin:0;
	padding:0;
	border:none;
	text-indent:1px;
}



/* 検索エリア */
#yahoo {
	margin-bottom:10px;
	padding:10px;
}

/* 検索エリアの段落 */
#yahoo p {
	margin:0;
	padding:0;
}

/* 検索エリアのフォーム */
#yahoo form {
	margin-bottom:10px;
	padding:0;
}

/* 検索エリアのリンク */
#yahoo a:link, #yahoo a:visited, #yahoo a:hover, #yahoo a:active {
	margin:0;
	padding:0;
	border:none;
	text-indent:1px;
}

/* Ｗ３Ｃエリア */
#w3c {
	margin:0;
	padding:0;
}

/* Ｗ３Ｃエリアの段落 */
#w3c p {
	margin:0;
	padding:0;
	text-align:center;
}

/* Ｗ３Ｃエリアのリンク */
#w3c a:link, #w3c a:visited, #w3c a:hover, #w3c a:active {
	margin:0;
	padding:0;
	border:none;
	background-color:#FCFCFC;
	display:inline;
	text-indent:1px;
}

#w3c p.sens {
	margin:2px 0;
	padding:2px 10px;
	text-align:left;
	line-height:1.3em;
	font-size:70%;
}








/* -----------メインコンテンツ----------- */
/*　mainContent */
.twoColFixRtHdr #mainContent { 
	margin:0 210px 0 0;
	padding:0 20px 20px 20px;
	background:#FFF;
}

/* パンくずリスト */
h2 {
	font-size:70%;
	font-weight:normal;
	color:#666666;
	margin:0px;
	padding-top:10px;
}

/* 見出し３ */
h3 {
	margin:26px 0 14px 0;
	padding:4px 6px;
	font-size:110%;
	color:#000;
	border-left:8px solid #AE0000;
	font-weight:normal;
}

/* 見出し３ トップページ用*/
h3.top {
	margin:0;
	padding:0;
	border:none;
}

/* 見出し４ */
h4 {
	margin:20px 0;
	padding:4px;
	text-indent:0.5em;
	border:1px solid #CCC;
	border-left:10px solid #CCC;
	background-color:#FCFCFC;
	font-weight:normal;
}

/* 段落書式 */
p {
	font-size:80%;
	color:#666;
	line-height:1.6em;
}

/* トップページの文章 */
.top_sentence {
	margin:1px 0 20px 0;
	padding:0;
}

/* ちょっとした囲み */
.area {
	margin:0 auto 10px;
	padding:0 20px;
	border:1px solid #DDD;
}

/* 強調 */
strong {
	font-weight:normal;
}

/* リスト */
#mainContent ul {
	margin-left:0px;
}

#mainContent li {
	font-size:80%;
	color:#666;
	line-height:2.0em;
	list-style:none;
	background-image:url(images/triangle.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:14px;
}



/* -----------フロー図----------- */
#flow {
	margin:0;
	padding:0;
}

#flow table {
	margin:0;
	padding:0;
	border:none;
}

#flow td.step {
	margin:0;
	padding:10px;
	background-color:#EFA8B3;
	border:1px solid #EFA8B3;
	color:#FFF;
	font-size:120%;
	text-align:center;
	font-family:"Century Gothic", Verdana;
}

#flow td.dot {
	border:1px dotted #EFA8B3;
	border-left:none;
	}

#flow td {
	border:none;
}

#flow td.arrow {
	text-align:center;;
}





/* -----------テーブル----------- */
table {
	margin:10px;
	padding:0;
	font-size:80%;
	color:#666;
	border:1px solid #EEE;
	border-collapse:collapse;
}

th {
	margin:0;
	padding:4px;
	text-align:center;
	background-color:#EEE;
	border:1px solid #DDD;
	font-weight:normal;
}

td {
	margin:0;
	padding:6px;
	background-color:#FFF;
	border:1px solid #DDD;
}





/* -----------ホームページ制作実績----------- */
#performance {
	margin:0;
	padding:0;
}

#performance table {
	margin:0;
	padding:0;
	border:none;
}

#performance td {
	border:none;
	vertical-align:top;
	line-height:1.4em;
}

#performance img {
	border:1px solid #CCC;
}





/* -----------格安ホームページ／プラン詳細----------- */
#plan {
	margin:0;
	padding:0;
}

#plan td {
	text-align:center;
}

#plan th.s {
	width: 100px;
}

#plan td.t {
	border-top: double 3px #CCC;
}

/* -----------フォーム----------- */
#form {
	margin:0;
	padding:0;
}

#form table {
	border:none;
}

#form th {
	text-align:left;
}

#form span {
	color:#CC0000;
}



/* -----------サイトマップ----------- */
#sitemap {
	margin:0;
	padding-bottom:180px;
}

#sitemap li {
	line-height:2.0em;
}





/* -----------リンク----------- */
#mainContent a:link, #mainContent a:visited {
	color:#06C;
	text-decoration:underline;
}

#mainContent a:hover, #mainContent a:active {
	text-decoration:none;
}








/* -----------フッター----------- */
/*　footer */
.twoColFixRtHdr #footer { 
	padding:10px;
	background-color:#EEE;
}

/*　footer 著作権情報*/
.twoColFixRtHdr #footer p {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:70%;
	color:#999;
	margin:0;
	padding:0px 0;
}

.fltrt {
	float:right;
	margin-left:8px;
}

.fltlft {
	float:left;
	margin-right:8px;
}

.clearfloat {
	clear:both;
    height:0;
    font-size:1px;
    line-height:0px;
}