*
{
	margin:0;
	padding:0;
}

html
{
	overflow: scroll;	
	background:#ffffff url(../img/bg_container.jpg) fixed repeat-x bottom;
}

body
{
	height:100%;
	width:100%;
	margin-top:0px;
	text-align:left;
	color:#333333;
	font-size:12px;
	line-height:1.5em;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3",Arial,Helvetica,sans-serif;
}

img
{
	border:0;
	vertical-align: bottom;
}

#background
{
	width:100%;
	height:100%;
	margin:0;
	text-align:center;
}
#background:after
{
    content:"";
    display:block;
    clear:both;
    height:0px;
    overflow:hidden;
}
/*\*/
* html #background
{
    height:1em;
    overflow:visible;
}
/**/

#container
{
	width:802px;
	margin:0 auto;
	text-align:center;
	/*background-image:url(../img/backline.gif);*/
	background-position:center;
	background-color:#FFFFFF;
}

#container:after{
    content:"";
    display:block;
    clear:both;
    height:0px;
    overflow:hidden;
}
/*\*/
* html #container{
	height:1em;
    overflow:visible;
}
/**/

#wrapper-center
{
	width:802;
	/*height:100%;*/
	margin:0 auto;
	text-align:center;
	background-color:#ffffff;
	background-image:url(../img/background.gif);
	background-position:center;
}

#wrapper-center:after{
    content:"";
    display:block;
    clear:both;
    height:0px;
    overflow:hidden;
}
/*\*/
* html \wrapper-center{
	height:1em;
    overflow:visible;
}
/**/

/* ---------------------------- */
/* ヘッダー部 */

#log
{
	width:800px;
	height:23px;
	background-color:#00CCCC;
	float:left;
}

#header
{
	width:802px;
	height:197px;
	background: url(../img/bg_head.jpg) no-repeat; background-position:center;
	text-align:center;
	margin-top:0px;
	
}
#header .top
{
	width:auto;
	height:30px;
	text-align:left
}
#header logo
{
	width:800px;
	float:left;
}

#header .h1
{
	font-size:12px;	
	line-height:24px;
	height:24px;
	color:#FFFFFF;
	text-align:left;
	margin-left:5px
}
#header .head-left
{
	width:181px;
	height:auto;
	float:left;

}
#header .head-right
{
	width:auto;
	height:29px;
	float:left;
	margin-left:55px;

}
/* センター部 */
#center
{
	width:592px;
	height:auto;
	float:right;
	padding:4px 5px 0 0px;
	/*margin:0 auto;*/
}

#center .c-outline
{
width : 587px;
font-size : 12px;
line-height : 20px;
text-align : left;
background:url(../img/back_sq.jpg) no-repeat;
margin: 4px 0 0 2px;

border:solid 1px #C4C4C5;
}
/* 左側部 */
#left
{
	width:181px;
	height:auto;
	/*margin:0 5px;*/
	padding:4px 0px 4px 5px;
	float:left;
}

/* ---------------------------- */
/* フッター部 */
#footer
{
	width:797px;
	font-size:11px;
	height:13px;
	text-align:center;
	float:left;
}
#footer a {
	text-decoration: underline;
}

#copyright
{
	width:802px;
	height:18px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	background-image:url(../img/cr_back.gif) ;
	float:left;
}


/* ---------------------------- */
/* 各レイアウト */

#outline{
width : 191px;
font-size : 12px;
line-height : 20px;
text-align : left;
margin: 0px 0px 5px 0;
border:solid 1px #C4C4C5;}

#outline .sq
{
 margin: 10px 5px 10px 5px;
 text-align:left;

}

#dl {   
 width:auto;
 float:left;
}   
dt {   
 width:auto;
 padding:5px 0 5px 2px;
 font-weight:bold;
}   
.dd {   
 width:auto;  
}  


#booklist{
 width : 592px;
 font-size : 12px;
 text-align : left;
 margin-bottom:10px;
 float:left;
 clear:both;
}

#titleback{
width : 592px;
height:40px;
font-size : 12px;
line-height : 20px;
text-align : left;
margin: 5px 0px 0px 5px;
background-image:url(../img/title.jpg) no-repeat;
}

#teaching
{
 width : auto;
 text-align : left;
 /*margin-left:5px;*/
}

/* ---------------------------- */
/* リスト */
#list ul {
    list-style: none;
    margin: 5px 0 5px 0;
    padding: 0;
	font-size:13px;
}
#list ul li {
    background-image: url(../img/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 0.5em;
    padding-left: 1em;
    margin-left: 3px;
    line-height: 1.5;
}

.h-list
{
	padding:0;
}
.h-list li
{
	display:inline;
	list-style-type:none;
    margin:0 5px;
	padding:0;
}

/* ---------------------------- */
/* テーブル */
\
table#table-01 {
    width: 530px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	float:left;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    white-space: nowrap; 
}
table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    white-space: nowrap;
}

/* --- 1番目のメニュー --- */
/* --- ボックス --- */
.section1 {
width: 200px; /* ボックスの幅 */
margin: 5px 5px; /* ボックスのマージン（上下、左右） */
font-size: 13px; /* ボックスの文字サイズ */
float:left;
text-align:left;
}
/* --- メニューエリア --- */
.section1 .menu {
width: auto; /* メニューの幅 */
margin: 10px 2px; /* メニューのマージン（上下、左右） */
padding: 0;
list-style-type: none;
float:left;
}
/* --- メニュー項目 --- */
.section1 .menu li {
width: 100%; /* 項目の幅 */
padding-bottom: 3px; /* 項目の下パディング */
background: url(square.gif) no-repeat 0 1.5px; /* 項目の背景 */
}
/* --- リンク --- */
.section1 .menu li a {
margin-left: 10px; /* リンクエリアの左マージン */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.section1 .menu li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- メニューエリア --- */
.section2 .menu {
width: auto; /* メニューの幅 */
margin: 10px 10px; /* メニューのマージン（上下、左右） */
padding: 0;
list-style-type: none;
float:left;
text-align:left;
}
/* --- メニュー項目 --- */
.section2 .menu li {
width: 100%; /* 項目の幅 */
padding-bottom: 3px; /* 項目の下パディング */
background: url(square.gif) no-repeat 0 1.5px; /* 項目の背景 */
}
/* --- リンク --- */
.section2 .menu li a {
margin-left: 10px; /* リンクエリアの左マージン */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.section2 .menu li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}



#formmail { 
　width: 500px;
 padding:15px 0 0 20px;
}

#formmail dt {
  font-weight: bold;
  padding: 5px 0 5px 2px;
  text-align:left;
  color:#385990;
}

#formmail dt span {
  font-weight: normal;
  color: #ff0000;
  padding: 0 0.3em;
}

#formmail dd {
  padding: 0;
  text-align:left;
}



p.nospace {
  font-size: 0px;
  margin-top: 6px;
}

/* ---------------------------- */
/* コンタクト*/
.info-str
{
	margin:3px 0 0 3px;
	color:#ee0000;
}
.info-str .alert
{
	color:#ee0000;
}

/* ---------------------------- */
/* テーブル */
.def-form
{
	padding:3px;
	margin-bottom:10px;
}
.def-form table
{
	margin-top:5px auto;
	border-collapse:collapse;
	text-align:left;
}
.def-form table thead th
{
	padding: 7px;
	background-color:#EFEDE7;
}
.def-form table tbody td
{
	padding:5px;
	border:1px solid #999999;
}
.def-form table tbody td dd
{
	padding:2px 10px 5px;
	line-height:1.2em;
}
.def-form table tbody td.label
{
	width:160px;
	text-align:right;
	color:#333333;
	background-color:#9cf;
	border-right:3px solid #999999;
}
.def-form table tbody .label .must
{
	margin-left:3px;
	color:#FF0000;
}
.def-form table tbody .label p
{
	font-size:90%;
	color: #666666;
}
.def-form table tbody td p
{
	font-size:90%;
	color:#666666;
}
.def-form table tfoot td
{
	padding:5px;
	background-color:#eeeeee;
	border:1px solid #999999;
	line-height:2em;
}
.def-form table tfoot td .btn
{
	margin:0 2px;
	float:left;
}
.def-form table tfoot td .send-flg
{
	margin:0 3px;
	float:right;
}
.def-form table .chkbox
{
	margin-right:3px;
}

.submit_image {
	margin:0px 5px 0px 5px; /* 上 右 下 左 */
	font-size:14px;
	line-height:30px;
}

.resetbutton {
	margin:0px 5px 0px 5px; /* 上 右 下 左 */
	color: #fff;
	font-size:14px;
	font-weight: bold;
	height:30px;
	line-height:30px;
	width:100px;
	text-align:center;
	border: 1px solid #66f;
	background: #69f;
}

.resetbutton:hover{
	border: 1px solid #69f;
	background: #9cf;
}

.soudan {
	height:120px;
}
.soudan_left {
	float:left;
}
.soudan_right {
	float:right;
}