@charset "UTF-8";
/*
━━━━━━━━━━━━━━━━━━━━━━━━━
ページレイアウト
━━━━━━━━━━━━━━━━━━━━━━━━━ 
*/


body {
	margin: 0px;
	padding: 0px;
	background-image: url(); /* 全体の背景画像…背景画像を変えたい場合はimg2フォルダに画像をアップして（）内のurlを書き換えて下さい */
	background-color: #ff0000; /* 背景を画像でなく色指定にする場合は上の行の（）内を削除して#の後ろをお好きなカラーコードに書き換えて下さい */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

 /* ここから…ヘッダー部分の記述 */
* html body{  
    overflow: hidden;  
}

#bodyimage1{ /* ブルーのライン */
	padding: 0px;
	height: 500px;
	margin-top: 24px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(img2/blue.png); /* imag2フォルダの中 */
	background-position: left;
	background-repeat: repeat-x;
	width: auto;
} 

#bodyimage2{ /* 両サイドの影 */
	height: 100%;
	min-height: 100%;
	background-image : url(img2/side.png);
	background-repeat: repeat-y;
	background-position: center top;
}

#container {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
}

#top { /* 流れる文字の設定 */
	padding: 0px;
	height: 24px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #333;
	width: auto;
	position: fixed !important; /* ここより下　topのFixのタグ */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index:20;
}

#top h1 {
	font-size: 11px;
	color:# 333;
	font-weight:bold;
}

#header2 { /* ヘッダーメイン画像 */
	padding: 0px;
	height: 500px;
	margin-top: 24px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(img2/header.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: auto;
}

#header2 h2 {
	display: none;
}
 /* ここまで…ヘッダー部分の記述 */
 
 /* ここから→メインコンテンツの記述 */
* html div#contentsArea{
	height: 100%;
	overflow: auto;
	width: 800px;
	background-color: #FFF;
}

#Content {
	background-color: #FFF;
	font-size: 16px;
	color: #000;
	padding: 0px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

#mainContent {
	background-color: #FFF; /* メイン（文字が入る部分）のバックの色です */
	font-size: 16px;
	color: #000;
	line-height: 180%;
	padding: 0px;
	width: 680px;
	margin-top: 0px;
	margin-right: 60px;
	margin-bottom: 0px;
	margin-left: 60px;
	height: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

#mainContent h3 {
	margin: 0px 0px 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 180%;
	font-weight: normal;
}

#mainContent p {
	margin: 0px;
	padding: 0px;
}

#footer {
	padding: 0px;
	background-image: url(img2/footer.png);
	border-top: 3px solid #333;
	height: auto;
	font-size: 13px;
}



/*
━━━━━━━━━━━━━━━━━━━━━━━━━
テーブル
━━━━━━━━━━━━━━━━━━━━━━━━━ 
*/
/* top 流れる文字の部分のテーブル */
table#table-01 { 
	width: 800px;
	border:none;
	border-spacing: 0px;
　　background-color: #808080;
    height:22px;
	position: relative;
	background-position: 0 100%;
	font-size:11px;
	font-weight:bold:　　
}
	
table#table-01 th {
    padding: 0px;
    border-style: none;
    text-align: left;
	line-height: 85%;
	text-align: center;
	background-color: #808080;
}

table#table-01 td {
	padding: 0px;
	border-style: none;
	line-height: 85%;
}
/* ここまでーtop 流れる文字の部分のテーブル */

/* はじめまして＆お客様の声（上） */
table#table-02 { 
	width: 650px;
	border: 1px #E3E3E3 solid;
	border-spacing: 0;
	background-color: #e9ecf4;/* ブルー */
	background-image: url(images/tb_bg_02.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}

table#table-02 th {
	padding: 15px;
	border: #98b2d1 solid;/* ブルー */
	border-width: 0 0 1px 1px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	background-color: #8ca9cb;
	background-image: url();
	background-repeat: repeat-x;
	background-position: 0 100%;
}

table#table-02 td {
    padding: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #e9ecf4 #e9ecf4 #FFFFFF;/* ブルー */
    color: #1A4444;
    text-align: left;
	font-size:14px;
}
/* ここまでーはじめまして＆お客様の声（上） */

/* 理由のテーブル */
table#table-03 {
	width: 680px;
	border: 1px #E3E3E3 solid;
	border-spacing: 0;
	background-color: #e9ecf4;/* ブルー */
	background-image: url();
	background-repeat: repeat-x;
	background-position: 0 100%;
}
	
table#table-03 th { 
	padding: 10px 15px;
	border: #eaf4ff solid;/* 薄いブルー */
	border-width: 0 0 2px 2px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 130%;
	text-align: left;
	background-color: #fff;
	background-image: url(img2/tb_bg_blue.png);
	background-repeat: repeat-x;
	background-position: 0 100%;
}

table#table-03 td {
	padding: 10px 15px;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #f4f9ff #f4f9ff #FFFFFF;/* パステルブルー */
    color: #000000;
    text-align: left;
	font-size:16px;
	line-height: 160%;
}
/* ここまでー理由のテーブル */

/* お客様の声（下） */
table#table-04 { 
	width: 650px;
	border: 1px #E3E3E3 solid;
	border-spacing: 0;
	background-color: #f9ffff;/* グリーン */
	background-position: 0 100%;
}

table#table-04 th {
	padding: 15px;
	border: #98b2d1 solid;/* ブルー */
	border-width: 0 0 1px 1px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 120%;
	background-color: #00cccc;/* グリーン */
	background-position: 0 100%;
}

table#table-04 td {
    padding: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #e9ecf4 #e9ecf4 #FFFFFF;/* ブルー */
    color: #1A4444;
    text-align: left;
	font-size:14px;
}
/* ここまでーお客様の声（下） */

/* ヘッダー下のピンクのテーブル */
table#table-05 {
	width: 680px;
	border: none;
	border-spacing: 0;
	height: auto;
	position: relative;
	background-position: 0 100%;
	font-size: 30px;
	background-color: #ffe5ff;
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: 900;
}
	
table#table-05 th {
    padding: 15px 0px;
    border-style: none;
	line-height: 200%;
	text-align: center;
	background-color: #fff4ff;
}

table#table-05 td {
	padding: 15px 0px;
	border-style: none;
	line-height: 200%;
	text-align: center;
}
/* ここまでーヘッダー下のピンクのテーブル */

/* 最後に…のテーブル */
table#table-06 { 
	width: 650px;
	border:none;
	border-spacing: 0;
　　background-color: #ffffff;
    background-image: url(img2/laurel.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-size:14px;
}
	
table#table-06 th {
    padding: 0px;
    border-style: none;
    text-align: left;
	line-height: 140%;
	background-color: #ffffff;
}

table#table-06 td {
	padding: 0px;
	border-style: none;
	line-height: 140%;
}
/* ここまでー最後に…のテーブル */

/* 自己紹介のテーブル */
table#table-07 { 
	width: 650px;
	border: 1px #E3E3E3 solid;
	border-spacing: 0;
	background-color: #e9ecf4;/* ブルー */
	background-image: url(img2/laurel3.png);
	background-repeat: no-repeat;
	background-position: right center;
}
	
table#table-07 th {
    padding: 10px 15px;
	border: #ffeddb solid;/* 薄いブルー */
	border-width: 0 0 2px 2px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 130%;
	text-align: left;
	background-color: #c8d6e6;
	background-image: url(img2/tb_bg_blue.png);
	background-repeat: repeat-x;
	background-position: 0 100%;
}

table#table-07 td {
	padding: 10px 15px;
    border-style: solid;
    border-width: 2px;
    border-color: #FFFFFF #ffeddb #ffeddb #FFFFFF;/* パステルブルー */
    color: #000000;
}

/* ここまでー自己紹介のテーブル */


/* リンク文字色の設定 */
body,td,th {
	color: #333;
}
a:link {
	color: #CCCCCC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #c1ffff;
}
a:hover {
	text-decoration: none;
	color: #FC6;
}
a:active {
	text-decoration: none;
	color: #F9F;
}
/* ここまでーリンク文字色の設定 */