<!--
.sample9 {font-size: small;}

img{border:0px;
	vertical-align:middle;}

/* 初期値 */
* {margin:0;
    padding:0;}

/* 全体ボディ */
body {width:850px;
    margin-right:auto;
    margin-left:auto;}

a:link {color:#004891;text-decoration:underline;}
a:visited {color:#004891;text-decoration:underline;}
a:active {color:#004891;text-decoration:underline;}
a:hover {color:#004891;text-decoration:underline;}

/* ヘッダー部 */
#header {width:850px;
	height:160px;
	background-image:url(icon/05hina.jpg);
	text-align:left;
	clear:both;
	background-repeat:no-repeat;
	margin-top:10px;}

/* メインと目次を入れる部分 */
#container {width: 850px;
	max-width: 100%;
	text-align:right;
	margin-top:5px;}

/* メイン部分は */
#content {text-align:left;
	float:left;
	width:590px;
	margin:0px 0px 0px 10px;
	padding:0px 35px 15px 0px;
	font-size:13px;
	line-height:150%;}
#content p {padding:5px 10px 10px 30px;
    margin: 0px 0px 0px 0px;}
#content dd {padding:10px 0px 10px 30px;
	margin:0px 0px 0px 20px;}
#content dt {padding:2px 0px 2px 20px;
	margin:0px 0px 0px 20px;}
#test {text-align:center;}

/* 左に写真 */
div.ex img {float:left;
    margin:10px 30px 0px 0px;}
div.ix img {float:right;
    margin:0px 0px 0px 0px;}

/* ★料金表 */
#ta-02 {width: 590px;
	font-size: 12px;
	line-height: 100%;
	border: 1px #666666 solid;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	margin:5px 0px 0px 0px;}
#ta-02 td {padding:5px 1px 5px 1px;
	border: 1px solid;}
.aa0    {background-color:#c1a380;}
.aa1    {background-color:#dff4ff;}
.aa2    {background-color:#c4ecff;}
.aa3    {background-color:#9ddfff;}
.aa4    {background-color:#71d0ff;}
.aa5    {background-color:#00a3f0;}
.aa7    {background-color:#d1f7c4;}
.aa8    {background-color:#9beb7c;}
.aa9    {background-color:#75e34a;}
.aa10    {background-color:#e6d9ca;}

/* ★起こし方表 */
#ta-03 {width: 590px;
	font-size: 13px;
	border: 1px white solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin:0px 0px 0px 0px;}
#ta-03 td {padding:5px 5px 5px 5px;
	border: 1px white solid;
	line-height: 140%;}

.cc1 {background-color:#bbdfff;
	white-space:nowrap;
	text-align: center;}
.cc2 {background-color:#bbdfff;}
.cc3 {background-color:#84c5ff;}
.cc311 {background-color:#84c5ff;
	white-space:nowrap;}
.cc4   {background-color:#51acff;}

/* ★ＯＦＦＩＣＥ表 */
#ta-01 {width: 590px;
	font-size: 13px;
	border: 1px #666666 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin:5px 0px 0px 0px;}
#ta-01 td {line-height: 120%;
	padding: 10px;
	border: 1px #666666 solid;}

/* 目次部分は */
#navigation {text-align:left;
	font-size:13px;
	line-height:140%;
	float:left;  /* IE以外のブラウザでも確認すること*/
	width:200px;
	border: 0px solid;
	background-color:#6fbaff;
	padding:20px 5px 20px 5px;
	margin:10px 0px 0px 0px;
	clear:right; /* 左に回り込まない*/}

#navigation a:link    {color:black; text-decoration:none;}
#navigation a:visited {color:black; text-decoration:none;}
#navigation a:active  {color:black; text-decoration:none;}
#navigation a:hover   {color:#800000; text-decoration:none;}
#navigation p {line-height:140%;
	padding:0px 0px 10px 0px;}

#navigation dt {/* メニュー項目バー */
	background:url(icon/marugr.gif) no-repeat;
	line-height:18px;
	border:0px white solid;
	background-color:#6fbaff;
	padding:5px 0px 1px 30px;
	margin:3px 0px 0px 5px;}

#navigation dd {padding:0px 0px 0px 2px;}

#navigation dd.base {/* 冠　バー */
	background:url(icon/kanmuri.gif) no-repeat;
	border:0px white solid;
	background-color:#6fbaff;
	padding:6px 0px 1px 30px;
	margin:0px 0px 0px 40px;}

#navigation dd.babe {/* 丸　短バー */
	background:url(icon/marugr.gif) no-repeat;
	border:0px white solid;
	background-color:#6fbaff;
	padding:6px 0px 1px 30px;
	margin:0px 0px 0px 30px;}

/* フッター用に */
#footer {clear:both;
	position:relative;z-index:2;
	width: 830px;
	max-width: 100%;
	border:solid #d2d2d2;
	border-width:0px 0px 15px 0px;
	background-color:#6fbaff;
	padding:30px 0px 20px 0px;
	margin:10px 0px 10px 0px;}
#footer a:link    {color:black; text-decoration:none;}
#footer a:visited {color:black; text-decoration:none;}
#footer a:active  {color:black; text-decoration:none;}
#footer a:hover   {color:#004891; text-decoration:underline;}

.centering {display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:12px;}

/*h1　帯*/
h1	{font-weight:normal;
    font-size:12px;}

h2	 {background:url(icon/sys32.gif) no-repeat;
	font-size:17px;
	border:solid 0px #00CCFF;
	padding:10px 10px 10px 40px;
	margin:20px 0px 0px 0px;}

h3	{font-weight:normal;
	font-size:14px;
	border:#6fbaff solid 1px;
	padding:5px 5px 5px 20px;
	margin:40px 0px 0px 0px;}

h4	{background:url(icon/icon.gif) no-repeat;
	font-weight:normal;
	font-size:14px;
	border:solid #6fbaff;
	border-width:0px 0px 1px 0px;
	padding:1px 0px 5px 25px;
	margin:30px 0px 2px 5px;}

h5	{font-weight:normal;
	font-size:14px;
	border:black solid;
	border-width:0px 0px 1px 0px;
	padding:5px 5px 0px 20px;
	margin:20px 0px 0px 0px;}

.waku {border:solid 1px gray;
	margin:10px 0px 0px 30px;}

.wiwi {border:solid gray;
	border-width:1px 3px 3px 1px;
	margin:10px 70px 10px 5px;}

.m-head   {margin-top:200px;}

.o-head   {margin-top:30px;}

.i-head   {margin:150px 0px 0px 10px;}

.a-head   {margin:30px 0px 0px 50px;}

.s-head   {margin:10px 0px 10px 0px;}

.n-head   {margin:5px 0px 10px 15px;}

.t-head   {margin:5px 0px 5px 0px;}

.k-head   {margin:40px 10px 0px 0px;}

.mtop   {margin-top:5px;}

.top   {margin-top:10px;}

.left   {margin-left:10px;}

.l-head   {margin:0px 0px 50px 0px;}

.backtop {margin-left:2em;
	margin-top:10px;}

ul{/* 余白と本来あるマークを消します */
	margin:5px 0px 0px 20px;
	padding:0px;
	list-style:none;
	height:100%;}

li{/* 黒丸マークを入れる */
	margin:0px 0px 10px 10px;
	padding:0px 0px 0px 20px;
	background:url(icon/maru.gif) no-repeat;}

.space {margin:30px 0px 0px 0px;}

/* お知らせ窓 */
.box{width:450px;
    height:100px;
	font-size:12px;
	line-height:140%;
	border:solid 1px gray;
	margin:5px 5px 5px 25px;
	padding:0px 5px 5px 5px;
	text-align:left;
    overflow:auto;}

/* リンク窓 */
.boxsm{width:350px;
	height:40px;
	font-size:12px;
	line-height:140%;
	border:2px solid gray;
	margin:5px 5px 5px 50px;
	padding:5px;
	text-align:left;
	overflow:auto;}

/* 録音方法の四角 */
.boxac{width:350px;
    line-height:140%;
	border-width:0px 0px 1px 20px;
	border:solid #6fbaff;
	margin:15px 5px 5px 30px;
	padding:0px 0px 0px 10px;
	text-align:left;
	overflow:auto;}

/* テープ起こし依頼の白角 */
.boxnav{width:185px;
	height:70px;
	line-height:140%;
	background-color:white;
	padding:5px 5px 10px 5px;
	margin:10px 2px 10px 2px;
}

-->