@charset "utf-8";

#wrapper{
      margin: 0 auto;
      padding: 0;
      border: 0;
      text-align: center;
       }

body {
	font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #001845;
	margin: 0 auto;
	padding: 0;
	color: #000;
	background-image:url(img/img008_bgground001.jpg)
        background-repeat: no-repeat;
        background-attachment: fixed;
	padding:0;
	}

html {
 overflow-y: scroll;
}


form {
        font:12px Georgia, "ＭＳ 明朝","MS Mincho", serif;
	background:none;
	margin:0 auto;
	padding:0px 10px;
	width:500px;
	}

.form2 { width:230px; }

textarea { width: 300px; height: 7em; line-height: 1.5em; }


span.sample13 {font-size: x-small; }


ul, ol, dl {
	padding: 0;
	margin:  0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
dd {
 margin:0 0 0 1em;
 padding: 0;
 }
/* ↑字下げの調整 */
 
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 0px;
	padding-left:  5px;
	font-size: 12px;}

a img { border: none;}
a:link {color: #42413C;
	text-decoration: underline; }
a:visited {color: #6E6C64;
	   text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}

/* この固定幅コンテナが他のすべての block を囲みます */
.container {
	width: 980px;
	background: #FFFFFF;
	margin: 0 auto;
         }
/* header */
header {
	background: #ffffff;
        width:980px;
        height:75px;
}

#icon_a {
       width:980px;
}


.sidebar1 {
	float: left;

	width: 140px;
	padding-bottom: 10px;
	text-align:center;
        margin:0px;
}
.content {
	padding: 10px 0;
        text-align:left;
	width: 655px; /*500 */
	float: left;
}
.content2 {
	text-align: left;
	width: 978px; /*500 */
	float: left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
aside {
	float: left;
	width: 165px; /*150*/
	padding: 10px 0;
}

.cen { text-align:center;}
.anken { margin-left:0px; }

/* content */
.content ul, .content ol {
	padding: 0 0px 0px 0px;
}

/* nav */
nav ul {
	list-style: none;
	border-top: 1px solid #666; 
	margin-bottom: 15px;
}
nav ul li {
	border-bottom: 1px solid #666; /* ボタンの区切り線を作成します。 */
}
nav ul a, nav ul a:visited { /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */
	padding: 5px 5px 5px 15px;
	display: block; /* リンクにブロックプロパティを指定し、リンクが含まれる LI 全体がリンクになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */
	width: 160px;  /*この幅により、IE6 でボタン全体をクリックできるようになります。IE6 をサポートする必要がない場合は削除できます。適切な幅を計算するには、サイドバーコンテナの幅からそのリンクの余白を減算します。 */
	text-decoration: none;
	background: #C6D580;
}
nav ul a:hover, nav ul a:active, nav ul a:focus { /* マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更します。 */
	background: #ADB96E;
	color: #FFF;
}



/*  フッター */
footer {
	padding: 3px 0;
        color:#2bcfff;
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
	background-color: #0F77FE;
	text-align:right;
}
/* その他の float/clear クラス  */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-right: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;

}
.clearfloat { /* このクラスは、footer が .container から削除されているか取り出されている場合に、<br />または空の block エレメントで、フローティングさせる最後の block に続く最後のエレメントとして (.container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*HTML 5 サポート */
header, section, footer, aside, nav, article, figure {
	display: block;
}
body,td,th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 12px;
}.container .sidebar1 aside .sidebar1 {
	background-color: #FFF;
}
.container .content section h2 img {
	margin-top: 0px;
	padding-top: 0px;}
.container .content section {
	margin: 0px;
	padding-top: 0px;
}
.container footer p {color: #18D6FF;}
.container footer p {font-weight: bold;}
.footer {font-size: 10px;}

div img { vertical-align: text-bottom; }



/* 可変ボックス */

div.column	{
        margin-left:100px;
	width: 497px;
	background: url(./tableimg/bottoms.png) no-repeat bottom;
	padding-bottom: 38px;
	margin-bottom: 38px;
}
div.column .inner	{
	background: url(./tableimg/tops.png) no-repeat;
	padding-top: 38px;
}
div.column .inner div	{
	background: url(./tableimg/center.png) repeat-y;
	padding: 0 80px;
}

/* フォーム  */
	form ol {
		list-style:none;
		margin:0;
		padding:10px;
		}

		form li {
			padding:3px;
			background:none;
			margin-bottom:0px;
			}
form label {
			float:left;
			width:70px;
			text-align:left;
			margin-right:25px;
			color:#000000;
			line-height:12px;
			}

                input#a01 { margin-left:100px; }

		form input[type="text"]
		form textarea {
			padding:0px;
			font:12px Georgia, "ＭＳ 明朝","MS Mincho", serif;
			border:1px solid #000000;
			width:160px;
			}

			#pr {
			   width: 280px;
			   height:240px;
			   border:1px solid #abadb3;
			   }

			.pr {
			   width: 280px;
			   height:80px;
			   border:1px solid #abadb3;
			   }


/* option */

	#option01 {
		margin-left:95px;
		}

	.option01 {
		margin-left:95px;
		}

/*  ボタン処理  */
.image-btn {
    border: 0px;
    width: 102px;
    height: 38px;
    background: url(tableimg/send.png) left top no-repeat;
}

.image-btn2 {
    border: 0px;
    width: 102px;
    height: 38px;
    background: url(tableimg/return.png) left top no-repeat;
}

/*  プルダウン  */
select{
        margin-left:86px;
	zoom:1.1;
	z-index: 2;
}2;
}
	z-index: 2;
} 2;
} width: 102px;
    height: 38px;
    background: url(tableimg/send.png) left top no-repeat;
}

#image-btn2 {
    border: 0px;
    width: 102px;
    height: 38px;
    background: url(tableimg/return.png) left top no-repeat;
}

/*  プルダウン  */
select{
        margin-left:86px;
	zoom:1.1;
	z-index: 2;
}2;
}
	z-index: 2;
} 2;
}}}        margin-left:86px;
	zoom:1.1;
	z-index: 2;
}2;
}
	z-index: 2;
} 2;
}}}

/* renewal */