@charset "shift-jis";


/*
	Frame - フレーム
 --------------------------------------------------


/* ------------------------------ wrapper */

#wrapper{
	width: 700px;
	margin: 10px auto;
	padding: 0px;
	text-align: left;
	background-image: url(../img/head2.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}





/*
	Header - ヘッダー
 --------------------------------------------------



/* ----------------------------------- h1 Top Text */

h1{
	margin: 0px 20px;
	padding: 5px 10px;
	z-index: 1;
	background-image: url(../img/side-mark.gif);
	background-repeat: no-repeat;
	background-position: left center;
}



/* ----------------------------------- Header */

/* 枠組み */
#header{
	margin: 455px 0px 0px 75px;
	padding: 180px 0px 0px 0px;
	text-align: center;
	background-position: top center;
	background-repeat: no-repeat;
	width: 555px;
	background-image: url(../img/office.gif);
}

#header p{
	line-height: 140%;
	color: #000000;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

#header .top{
	text-align: center;
	background-position: top center;
	background-repeat: no-repeat;
	border: 6px #999 solid;
	padding: 20px 0 0 0;
}


/* リンク用 */
#menu ul li a{
	display: block;
	padding: 0px;
	overflow: hidden;
	text-decoration: none;
	line-height: 40px;
}


/* マウスオーバー用 */
#menu ul li a:hover{
	background: url(../img/menu-bgon.gif) left top no-repeat;
/*	color: #ff3300; メニューカラーを変更する場合に使用 */
	text-decoration: underline;
}



/* ----------------------------------- nav */

/* 枠組み */
#navi{
	position: absolute;
	width: 720px;
	height: 25px;
	margin: 135px 0px 0px 0px;
	background: #fff;
	text-align: right;
}


/* パンくずのテキスト */
#navi p{
	padding: 0px 0px 3px 30px;
	text-align: left;
}



/* ----------------------------------- sitemap */

#sitemap{
	position: absolute;
	margin: 0;
	width: 680px;
	text-align: right;
	padding: 3px 12px;
	top: 0px;
}




/*
		content - メインコンテンツ
 -------------------------------------------------- */



/* 枠組み */
#content{
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 100px 20px;
	font-size: 16px;
	background: #ffffff;
	background-image: url(../img/wrap.jpg);
}

#content .con01{
	background-color: #FFFFE1;
	margin: 0px 30px 60px 30px;
	padding: 10px 25px;
}

#content .con02{
	margin: 0px 30px 0px 30px;
	padding: 0px 10px;
	text-align: center;
	background-color: #eeeeee;
}

#content .con03{
	margin: 0px 30px 0px 30px;
	padding: 10px 20px;
}

#content .law{
	margin: 0px 30px 0px 30px;
	padding: 0px 10px;
	text-align: left;
}


/* ------------------------------ コンテンツ内共通設定 */


/* 各種テキスト */
#content p{
	padding: 2px 0px 20px 0px;
	line-height: 180%;
}


/* リスト枠(ul) */
#content ul{
	margin: 10px 0px 15px 10px;
	padding: 10px 0px 0px20px;
	list-style-type: square;
}


/* リスト項目(li) */
#content ul li{
	padding: 4px 30px 20px 40px;
	font-weight: bold;
}

#content .batsu{
	padding: 20px 30px 20px 40px;
	font-weight: bold;
	background-image: url(../img/x.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#content .cheak{
	padding: 10px 30px 5px 35px;
	font-weight: bold;
	background-image: url(../img/c.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px 0px 10px 0px;
	line-height: 160%;
}


/* リスト枠(dl) */
#content dl{
	margin: 0px 10px 15px 25px;
}


/* リスト見出し(dt) */
#content dl dt{
	margin: 20px 0px 10px 0px;
	color: #990000;
	font-weight: bold;
	font-size: 120%;
	padding: 0px 0px 0px 10px;
	background-image: url(../img/side-mark.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 120%;
}


/* リスト項目(dd) */
#content dl dd{
	padding: 10px;
	line-height: 160%;
	background-color: #FFFFE1;
	margin-right: 15px;
}


/* ------------------------------ コンテンツ内各設定 */


/* 各コンテンツの見出し（h2） */
#content h2{
	margin: 0;
	padding: 50px 20px 10px 20px;
	color: #990000;
	font-weight: bold;
	line-height: 130%;
	font-family: "HGP明朝E", "HG明朝B";
	font-size: 20pt;
	text-align: center;
}


/* 各コンテンツの見出し（h2） */
#content h3{
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 30px;
	color: #333333;
	font-weight: bold;
	line-height: 30px;
	background: url(../img/h3-bg.gif) top left no-repeat;
	font-size: 14pt;
}

#content .blue{
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 0px 30px;
	color: #000066;
	font-weight: bold;
	line-height: 30px;
	background: url(../img/h2-bg-bl.gif) top left no-repeat;
	font-size: 15pt;
}


/* 各コンテンツの枠 */
#content .frame-red{
	margin: 0px 40px 50px 50px;
	padding: 20px 20px 10px 25px;
	border-left: 2px #990000 solid;
	border-right: 2px #990000 solid;
	border-bottom: 8px #990000 solid;
	border-top: 6px #990000 solid;
	background-color: #fff;
}

#content .frame-red p{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;
	font-weight: bold;
}

#content .frame-blue{
	margin: 0px 40px 50px 50px;
	padding: 10px 20px 0px 20px;
	background-image: url(../img/x-bg.gif);
	border: 8px #003366 solid;
	background-position: top right;
	background-repeat: no-repeat;
}

#content .frame-blue p{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 180%;
}




/* ------------------------------ 枠組み洋用*/


/* ボーダー（濃青・薄青） */
#content .frame01{
	margin: 0px 30px;
	border: 8px #990000 groove;
	padding: 15px;
	background-color: #ffffcc;
}


/* ボーダー（青・黒） */
#content .frame02{
	margin: 0px 30px 30px 40px;
	border: 6px #666666 solid;
	padding: 20px;
}


/* ボーダー（黒1px） */
#content .frame03{
	margin: 10px 40px 50px 40px;
	border: 6px #999 solid;
	padding: 20px 0px;
}

/* ボーダー（黒1px） */
#content .frame04{
	margin: 0px 40px 50px 40px;
	border: 6px #ffcc00 solid;
	padding: 20px;
	text-align: center;
	font-size: 19pt;
	font-weight: bold;
	background-color: #ffffff;
}


/* 利用者の声 */
#content .message{
	width: 594px;
	margin: 30px 0px 30px 40px;
	border: medium #d3a776 ridge;
	background: #ffffe1;
	padding: 20px 0px 0px 0px;
}

#content .message ul li{
	padding-left: 25px;
	list-style: none none outside;
	background: url(../img/list.gif) left 4px no-repeat;
	line-height: 160%;
}


/* ------------------------------ 商品・申込み */

#goods{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#goods p{
	margin: 0px 0px 0px 10px;
	padding: 5px;
	line-height: 160%;
	font-weight: bold;
}

#goods .frame{
	margin: 0px 20px 50px;
	padding: 140px 0px 0px;
	border-left: 2px #990000 solid;
	border-right: 2px #990000 solid;
	border-bottom: 8px #990000 solid;
	border-top: 6px #990000 solid;
	background-image: url(../img/goods-bg.jpg);
	background-repeat: no-repeat;
}


#goods .frame p{
	margin: 0px;
	padding: 5px;
	line-height: 160%;
	font-weight: bold;
}

#goods .bara{
	margin: 10px 0px 30px 0px;
	padding: 0px 20px 0px;
	font-size: 14px;
	text-align: center;
}


#goods .2003{
	margin: 0px;
	padding: 10px;
	background-color: #fff;
	width: 280px;
	float: left;
}

#goods .2007{
	margin: 0px;
	padding: 10px;
	background-color: #fff;
	width: 280px;
}



/* ------------------------------ 装飾系 */

.fw-n{	font-weight: normal; }
.fw-b{	font-weight: bold; } 			/* 太字 */
.td-u{	text-decoration: underline; }	/* アンダーライン */
.td-l{ text-decoration: line-through;}	/* 打ち消し線 */
.bg-ff0{ color: #cc0000; 
background: #ffff00;
font-weight: bold;
padding: 2px; }		/* text背景-黄色 */
.bg-ff0b{ color: #000000; 
background: #ffff00;
font-weight: bold;
padding: 2px; }		/* text背景-黄色 */
.bg-f00{  color: #ffffff; 
background: #cc0000; 
font-weight: bold; 
padding: 2px; }		/* text背景-赤 */
.bg-00f{  color: #ffffff; 
background: #0000ff; 
font-weight: bold; 
padding: 2px; }		/* text背景-青 */
.bg-090{ background: #009900; 
font-weight: bold; 
padding: 2px; }		/* text背景-緑 */

.bg-exc{ background: #028700;}		/* エクセルカラー */
.bg-wor{ background: #0467ba;}		/* ワードカラー */
.bg-pow{ background: #fa1d00;}		/* パワーポイントカラー */

.fs-12{
	font-size: 12px;
}	/* フォントサイズ12px */
.fs-14{ font-size: 14px; }	/* フォントサイズ14px */
.fs-16{ font-size: 16px; 
font-weight: bold; }	/* フォントサイズ16px */
.fs-18{ font-size: 18px; 
font-weight: bold; }	/* フォントサイズ18px */
.fs-20{ font-size: 20px; 
font-weight: bold; }	/* フォントサイズ20px */
.fs-22{ font-size: 22px; 
font-weight: bold; }	/* フォントサイズ22px */
.fs-24{ font-size: 24px; 
font-weight: bold; }	/* フォントサイズ24px */
.fs-26{ font-size: 26px; 
font-weight: bold; }	/* フォントサイズ26px */
.fs-28{ font-size: 28px; 
line-height: 160%;
font-weight: bold; }	/* フォントサイズ28px */
.fs-30{ font-size: 30px; 
font-weight: bold; }	/* フォントサイズ30px */

.fc-f00{ color: #cc0000; 
font-weight: bold; } /* textカラー-赤 */
.fc-600{ color: #660000; 
font-weight: bold; } /* textカラー-濃赤 */
.fc-00f{
	color: #0033CC;
	font-weight: bold;
} /* textカラー-青 */
.fc-006{ color: #000066; 
font-weight: bold; } /* textカラー-濃青 */
.fc-909{ color: #990099; 
font-weight: bold; } /* textカラー-紫 */
.fc-090{ color: #009900; 
font-weight: bold; } /* textカラー-緑 */
.fc-ff0{ color: #ffff00; 
font-weight: bold; } /* textカラー-黄 */
.fc-999{ color: #999999; 
font-weight: bold; } /* textカラー-灰 */
.fc-fff{
	color: #ffffff;
	padding: 3px;
font-weight: bold; } /* textカラー-白 */


/* margin */
.m-10 { margin: 10px; }
.mt-10{ margin-top: 10px; }
.mr-10{ margin-right: 10px; }
.mb-10{ margin-bottom: 10px; }
.ml-10{ margin-left: 10px; }


.m-20 { margin: 20px; }
.mt-20{ margin-top: 20px; }
.mr-20{ margin-right: 20px; }
.mb-20{ margin-bottom: 20px; }
.ml-20{ margin-left: 20px; }

.m-30 { margin: 30px; }
.mt-30{ margin-top: 30px; }
.mr-30{ margin-right: 30px; }
.mb-30{ margin-bottom: 30px; }
.ml-30{ margin-left: 30px; }

.m-40 { margin: 40px; }
.mt-40{ margin-top: 40px; }
.mr-40{ margin-right: 40px; }
.mb-40{ margin-bottom: 40px; }
.ml-40{ margin-left: 40px; }

.m-50 { margin: 50px; }
.mt-50{ margin-top: 50px; }
.mr-50{ margin-right: 50px; }
.mb-50{ margin-bottom: 80px; }
.ml-50{ margin-left: 50px; }

.m-60 { margin: 60px; }
.mt-60{ margin-top: 60px; }
.mr-60{ margin-right: 60px; }
.mb-60{ margin-bottom: 60px; }
.ml-60{ margin-left: 60px; }

.m-70 { margin: 70px; }
.mt-70{ margin-top: 70px; }
.mr-70{ margin-right: 70px; }
.mb-70{ margin-bottom: 70px; }
.ml-70{ margin-left: 70px; }

.m-80 { margin: 80px; }
.mt-80{ margin-top: 80px; }
.mr-80{ margin-right: 80px; }
.mb-80{ margin-bottom: 80px; }
.ml-80{ margin-left: 80px; }

.m-90 { margin: 90px; }
.mt-90{ margin-top: 90px; }
.mr-90{ margin-right: 90px; }
.mb-90{ margin-bottom: 90px; }
.ml-90{ margin-left: 90px; }

.m-100 { margin: 100px; }
.mt-100{ margin-top: 100px; }
.mr-100{ margin-right: 100px; }
.mb-100{ margin-bottom: 100px; }
.ml-100{ margin-left: 100px; }








/*
		footer - フッター
--------------------------------------------------*/



/* 枠組み */
#footer{
	clear: both;
	width: 700px;
	margin: 0px auto;
	text-align: center;
	font-size: 9pt;
	background-image: url(../img/foot.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding: 20px 0px 40px;
}


/* フッター内リンク枠組み */
#footer #inner{
	padding: 7px 0px;
	background-image: url(../img/wrap.jpg);
}


/* リスト設定 */
#footer #inner ul{
	margin: 0px;
	padding: 5px 0px;
	list-style: none none outside;
}


/* 各項目 */
#footer #inner ul li{
	display: inline;
	color: #ffffff;
	line-height: 22px;
	padding: 10px;
}


/* コピーライト */
#footer address{
	color: #333333;
	font-weight: bold;
}


/* コピーライトリンク */
#footer address a{
	color: #333333;
	text-decoration: none;
}

#pr{
	clear: both;
	width: 680px;
	margin: 0px auto;
	text-align: right;
	font-size: 8pt;
	color: #666666;
}

#pr a:link{ color: #666666; }
#pr a:hover{ text-decoration: none; }




.c{	text-align: center; }
.l{	text-align: left; }
.r{	text-align: right; }




/*
		テーブルセルの間隔
--------------------------------------------------*/

table{
	text-align: center;
}

td{
	padding: 8px;
}


a:hover {
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: none;
}