@charset "Shift_JIS";

/* ■ページ構造 
---------------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #000000;
  background: #D1D6E3;
}
/*全体設計
---------------------------------------------------- */
#wrapper {
  width: 750px;
  margin: 0 auto;
  text-align: left;
  background: url(../images/shadow.gif) repeat-y top center;
}
/*コンテンツ全体
---------------------------------------------------- */
#main {
  width: 740px;
  margin-left: 5px;
  margin-right: 5px;
  color: #000000;
  background: #ffffff;
}


/* ヘッダ
---------------------------------------------------- */
#header {
  margin: 0;
  padding: 0;
  width: 740px;
  height: 64px;
  background: url(../images/header2.gif) no-repeat bottom center;
}

/* ヘッダメニュー
---------------------------------------------------- */
#headermenu {
	margin: 2px 0px 0px 445px;
	padding: 0px;
}
#headermenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#headermenu li {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	display: block;
	float: left;
	font-size: 9px;
}
#headermenu li#sitemap {
	width: 92px;
	height: 16px;
}
#headermenu li#contact {
	width: 92px;
	height: 16px;
}
#headermenu li#privacy {
	width: 93px;
	height: 16px;
}
#headermenu li a {
	display: block;
  text-decoration: none;
}
#headermenu li a span {
	visibility:hidden;
}
#headermenu li#contact a {
	width: 92px;
	height: 16px;
	background-image: url(../images/header_contact.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#headermenu li#contact a:hover {
	background-image: url(../images/header_contact_on.gif);
}
#headermenu li#sitemap a {
	width: 92px;
	height: 16px;
	background-image: url(../images/header_sitemap.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#headermenu li#sitemap a:hover {
	background-image: url(../images/header_sitemap_on.gif);
}
#headermenu li#privacy a {
	width: 93px;
	height: 16px;
	background-image: url(../images/header_privacy.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#headermenu li#privacy a:hover {
	background-image: url(../images/header_privacy_on.gif);
}

/*タイトルロゴリンク
---------------------------------------------------- */
#titletext a{
display:block;
text-indent:-9999px;
width:460px;
height:28px;
position:relative;
top:23px;
left:5px;
}
#headerline {
  margin: 0;
  padding: 0;
  width: 740px;
  height: 9px;
  background: url(../images/header_line.gif) no-repeat top center;
}

/* サーティファイメニュー
---------------------------------------------------- */
#certifymenu {
  width: 740px;
  height: 20px;
  background-image:url(../images/certify_menu.gif);
}
#certifymenu ul {
  height: 20px;
	margin:0;
	padding:0;
	list-style:none;
}
#certifymenu li {
  margin: 0;
  padding: 0;
  float:left;
}

#certifymenu span {
font-size: 6px;
text-indent: -9999px;
visibility:hidden;
}

#headM0 {
  width: 106px;
  height: 20px;
  display:block;
}
a:hover#headM0 {
  background-image:url(../images/certify_menu0.gif);
}
#headM1 {
  width: 65px;
  height: 20px;
  display:block;
}
a:hover#headM1 {
  background-image:url(../images/certify_menu1.gif);
}
#headM2 {
  width: 78px;
  height: 20px;
  display:block;
}
a:hover#headM2 {
  background-image:url(../images/certify_menu2.gif);
}
#headM3 {
  width: 66px;
  height: 20px;
  display:block;
}
a:hover#headM3 {
  background-image:url(../images/certify_menu3.gif);
}
#headM4 {
  width: 120px;
  height: 20px;
  display:block;
}
a:hover#headM4 {
  background-image:url(../images/certify_menu4.gif);
}
#headM5 {
  width: 110px;
  height: 20px;
  display:block;
}
a:hover#headM5 {
  background-image:url(../images/certify_menu5.gif);
}
#headM6 {
  width: 88px;
  height: 20px;
  display:block;
}
a:hover#headM6 {
  background-image:url(../images/certify_menu6.gif);
}
#headM7 {
  width: 45px;
  height: 20px;
  display:block;
}
a:hover#headM7 {
  background-image:url(../images/certify_menu7.gif);
}
#headM8 {
  width: 62px;
  height: 20px;
  display:block;
}
a:hover#headM8 {
  background-image:url(../images/certify_menu8.gif);
}
/* サーティファイメニューポップアップ
---------------------------------------------------- */
#menu5 {
clear: both;
width: 120px;
position: relative;
margin: 0;
padding: 0;
visibility:hidden;
}
#menu5sub {
width: 120px;
position: absolute;
display:block;
margin-top: 0px;
  margin-left: 315px;
padding: 0;
}

#menu5 ul {
margin: 0px;
padding:0px;
list-style:none;
background: #eeeeee;
border: solid 1px #bbbbbb;
}

#menu5 li {
display:block;
background: url(../images/ya.gif) no-repeat 2px 55%;
border-top: solid 1px #bbbbbb;
}

#menu5 li span {
vertical-align:middle;
margin-left: 15px;
line-height: 24px;
font-size: 12px;
color: #0000ff;
}

#menu5 li a {
width: 120px;
height: 24px;
display:block;
}

#menu5 li a:hover {
width: 120px;
height: 24px;
display:block;
background: #cccccc;
}

#menu6 {
clear: both;
width: 140px;
position: relative;
margin: 0;
padding: 0;
visibility:hidden;
}
#menu6sub {
width: 140px;
position: absolute;
display:block;
margin-top: 3px;
  margin-left: 525px;
padding: 0;
}

#menu6 ul {
margin: 0px;
padding:6px;
list-style:none;
background: #ffffff;
border: solid 1px #666666;
}

#menu6 li {
display:block;
}

#menu6 li span {
vertical-align:middle;
line-height: 18px;
font-size: 12px;
color: #000000;
}

/* メインメニュー
---------------------------------------------------- */
#menu {
  margin: 0;
  padding: 0;
  width: 740px;
  height: 41px;
}
#menu ul {
  height: 41px;
  margin:0;
  padding:0;
  list-style:none;
}
#menu li {
  margin: 0;
  padding: 0;
  width: 185px;
  height: 41px;
  display:block;
  float:left;
  text-indent: -9999px;
}
#menu li a {
  display: block;
  width: 185px;					/*menuの画像サイズに合わせる*/
  height: 41px;
  background-image:url(../images/menu.gif);
  background-repeat: no-repeat;
}

#menu span {
	visibility:hidden;				/*テキストを見えないように設定*/
									/*このcssが適用されない時はテキストが表示される仕組み。*/
}

#about {
	background-position: 0px 0px;
}
#kojin {
	background-position: -185px 0px;
}
#dantai {
	background-position: -370px 0px;
}
#goukaku {
	background-position: -555px 0px;
}
a:hover#about {
	background-position: 0px -41px;
}
a:hover#kojin  {
	background-position: -185px -41px;
}
a:hover#dantai {
	background-position: -370px -41px;
}
a:hover#goukaku {
	background-position: -555px -41px;
}

/* メインメニューポップアップ
---------------------------------------------------- */
#menu1 {
clear: both;
width: 183px;
position: relative;
margin: 0;
padding: 0;
visibility:hidden;
}
#menu1sub {
position: absolute;
width: 183px;
display:block;
margin-top: -10px;
padding: 0;
}

#menu4 ul {
width: 183px;
margin: 0px;
padding:0px;
list-style:none;
background: #eeeeee;
border: solid 1px #bbbbbb;
}

#menu3 ul {
width: 183px;
margin: 0px;
padding:0px;
list-style:none;
background: #eeeeee;
border: solid 1px #bbbbbb;
}

#menu2 ul {
width: 183px;
margin: 0px;
padding:0px;
list-style:none;
background: #eeeeee;
border: solid 1px #bbbbbb;
}

#menu1 ul {
width: 183px;
margin: 0px;
padding:0px;
list-style:none;
background: #eeeeee;
border: solid 1px #bbbbbb;
}

#menu4 li {
width: 183px;
display:block;
background: url(../images/ya.gif) no-repeat 2px 55%;
border-top: solid 1px #bbbbbb;
}

#menu3 li {
width: 183px;
display:block;
background: url(../images/ya.gif) no-repeat 2px 55%;
border-top: solid 1px #bbbbbb;
}

#menu2 li {
width: 183px;
display:block;
background: url(../images/ya.gif) no-repeat 2px 55%;
border-top: solid 1px #bbbbbb;
}

#menu1 li {
width: 183px;
display:block;
background: url(../images/ya.gif) no-repeat 2px 55%;
border-top: solid 1px #bbbbbb;
}

#menu4 li span {
vertical-align:middle;
margin-left: 15px;
line-height: 24px;
font-size: 12px;
color: #0000ff;
}

#menu3 li span {
vertical-align:middle;
margin-left: 15px;
line-height: 24px;
font-size: 12px;
color: #0000ff;
}

#menu2 li span {
vertical-align:middle;
margin-left: 15px;
line-height: 24px;
font-size: 12px;
color: #0000ff;
}

#menu1 li span {
vertical-align:middle;
margin-left: 15px;
line-height: 24px;
font-size: 12px;
color: #0000ff;
}

#menu4 li a {
width: 183px;
height: 24px;
display:block;
}

#menu3 li a {
width: 183px;
height: 24px;
display:block;
}

#menu2 li a {
width: 183px;
height: 24px;
display:block;
}

#menu1 li a {
width: 183px;
height: 24px;
display:block;
}

#menu4 li a:hover {
width: 183px;
height: 24px;
display:block;
background: #cccccc;
}



#menu3 li a:hover {
width: 183px;
height: 24px;
display:block;
background: #cccccc;
}



#menu2 li a:hover {
width: 183px;
height: 24px;
display:block;
background: #cccccc;
}



#menu1 li a:hover {
width: 183px;
height: 24px;
display:block;
background: #cccccc;
}



#menu2 {
clear: both;
width: 183px;
position: relative;
margin: 0;
padding: 0;
visibility:hidden;
}
#menu2sub {
position: absolute;
width: 183px;
display:block;
margin-top: -10px;
  margin-left: 185px;
padding: 0;
}
#menu3 {
clear: both;
width: 183px;
position: relative;
margin: 0;
padding: 0;
visibility:hidden;
}
#menu3sub {
position: absolute;
width: 183px;
display:block;
margin-top: -10px;
  margin-left: 370px;
padding: 0;
}
#menu4 {
clear: both;
width: 183px;
position: relative;
margin: 0;
padding: 0;
visibility:hidden;
}
#menu4sub {
position: absolute;
width: 183px;
display:block;
margin-top: -10px;
  margin-left: 555px;
padding: 0;
}
#about_s {
text-indent:-9999px;
visibility:hidden;
}
#kojin_s {
text-indent:-9999px;
visibility:hidden;
}
#dantai_s {
text-indent:-9999px;
visibility:hidden;
}
#goukaku_s {
text-indent:-9999px;
visibility:hidden;
}

/* パンくずリスト
---------------------------------------------------- */
#pankuzu {
  clear: both;
  margin: 0;
  padding: 0;
  width: 740px;
  height: 20px;
  background: url(../images/about_bg.gif) no-repeat;
}
#pankuzu #pankuzulist {
  margin-top: 0px;
  margin-left: 10px;
  padding-top: 4px;
  text-align: left;
  font-size: 12px;
  color: #333333;
}
#pankuzu  a:hover { color: #1E4DF4; text-decoration:underline}

#pankuzu span{
  font-weight: bold;
}
/* よこおび
---------------------------------------------------- */
#tateobi {
  clear: both;
  margin-top: 0px;
  padding: 0;
  width: 740px;
  height: 16px;
  background: url(../images/about_bg2.gif) no-repeat;
}
/* サブメニュー
---------------------------------------------------- */
#submenu {
  clear: both;
  margin: 0;
  padding-top: 44px;
  width: 186px;
  height: 580px;
  background: url(../images/obi_bg1.gif) no-repeat top left;
  float: left;
}

#submenu ul {
	margin:6px;
	padding:0;
	list-style:none;
}

#submenu li {
  height: 26px;
  padding-left:28px;
  background: url(../images/ya2.gif) no-repeat 11px 20%
}
#submenu li a{
  font-size: 14px;
  color: #0000ff;
}
#submenu li a:hover { color: #1E4DF4; text-decoration:underline}

.txt1{
  font-size: 14px;
  font-weight: bold;
  color: #FF7E00;
}

.txt2{
vertical-align:middle;
  font-size: 14px;
}

/* メイン・コンテンツ
---------------------------------------------------- */
#content {
  margin-left: 0px;
  float: left;
  width: 554px;
  background: url(../images/obi_corner.gif) no-repeat top left;
}

#midashi1 span {
	visibility:hidden;				/*テキストを見えないように設定*/
}

#midashi1 {
  margin-left: 16px;
  margin-top: 15px;
  width: 525px;
  height: 36px;
  background: url('../nintei/img/midashi.gif') no-repeat
}

#text1{
  margin-left: 20px;
  margin-top: 15px;
  width: 520px;
  line-height: 20px;
  font-size: 12px;
  color: #333333;
}

#text2{
  margin-left: 20px;
  margin-top: 0px;
  width: 520px;
  line-height: 20px;
  font-size: 12px;
  color: #333333;
}

#text2 img{
  margin: 10px 0px 5px 0px;
}

.flow{
  margin-left: 20px;
  margin-top: 0px;
  width: 520px;
}


.migi{
	text-align: right;
}

table#t01 {
  margin-left: 16px;
  margin-top: 30px;
  width: 520px;
  border: solid 1px #336699;
  line-height: 14px;
  font-size: 12px;
  border-collapse: collapse;
}

#td1 {
  width: 120px;
  text-align: center;
  background-color: #DEE4F4;
}

#td2 {
  text-align: center;
  background-color: #DEE4F4;
}

#td3 {
  text-align: center;
}

table#t01 td {
  border: solid 1px #60749F;
  padding:6px;
}

.h-exam {
  margin: 20px 0px 10px 20px;
  padding-bottom:3px;
  border-bottom:1px gray dotted;
  width: 520px;
  color: #000000;
  font-size: 14px;
  font-weight:bold;
}

.h-exam2 {
  margin: 20px 0px 10px 20px;
  padding-bottom:3px;
  border-bottom:1px gray dotted;
  width: 520px;
  color: #FF7E00;
  font-size: 13px;
  font-weight:bold;
}

.komidashi {
  margin: 20px 0px 5px 20px;
  width: 520px;
  color: #FF7E00;
  font-size: 13px;
  font-weight:bold;
}

.komidashi_70 {
  margin: 20px 430px 5px 20px;
  width: 70px;
  color: #FF7E00;
  font-size: 13px;
  font-weight:bold;
  padding-bottom:3px;
  border-bottom:1px #FF7E00 solid;
}

.komidashi_150 {
  margin: 20px 350px 5px 20px;
  width: 150px;
  color: #FF7E00;
  font-size: 13px;
  font-weight:bold;
  padding-bottom:3px;
  border-bottom:1px #FF7E00 solid;
}



.line {
padding-bottom:3px;
border-bottom:1px #FF6600 solid;
}

.ul-inst {
  list-style: square;
  margin: 5px 0px 10px 45px;
  padding: 0;
  line-height: 20px;
  font-size: 12px;
  color: #333333;
}

.shikaku {
	font-size: 90%;
	line-height: 1.3em;
	padding: 0 2px 0 0;
	margin: 0 0 2px 0;
	vertical-align: middle;
	color: #000000;
}

#table_nintei {
  margin-left: 20px;
  margin-top: 5px;
  width: 520px;
  line-height: 18px;
  font-size: 12px;
  color: #333333;
}

#table_nintei td {
  vertical-align: top;
  padding-bottom:3px;
}

.td_right {
	text-align:right
}

.box {
  margin-left: 30px;
  margin-top: 5px;
  margin-bottom:10px;
  width:350px;
  padding: 10px 15px;
  line-height: 18px;
  font-size: 12px;
  color: #333333;
  border: solid 1px #FF7E00;
  white-space:nowrap;
}

/* メイン・コンテンツ（認定講師の声）
---------------------------------------------------- */
#midashi2 span {
	visibility:hidden;				/*テキストを見えないように設定*/
}

#midashi2 {
  margin-left: 16px;
  margin-top: 15px;
  width: 525px;
  height: 36px;
  background: url('../nintei/img/midashi_voice.gif') no-repeat
}

#voice {
  margin-left: 25px;
  margin-top: 15px;
  width: 510px;
  font-size: 12px;
  color: #333333;
}

.voice_name {
  padding:8px;
  background-color: #E0E0E0;
  font-size: 16px;
  font-weight:bold;
}

.voice_name span {
  padding-left:10px;
  font-size: 12px;
  font-weight: normal;
}

.voice_name span a {
  padding-left:10px;
  font-size: 12px;
  text-decoration: none;
}

.voice_name span a:hover {
  padding-left:10px;
  font-size: 12px;
  text-decoration: underline;
}

.voice_sub {
  padding:8px 8px 8px 10px;
}

.voice_box {
  margin:0px 10px 20px 10px;
  width: 490px;
}

.voice_box td {
  vertical-align:top
}

.td1 {
  width:357px;
}


.comment {
  padding:5px 10px 5px 10px;
  font-size: 12px;
  line-height:17px;
  background:#F6E8CF;
  font-family:"ＭＳ ゴシック";
}




/* フッタメニュー
---------------------------------------------------- */
#footermenu {
  clear: both;
  height: 25px;
  padding-top: 10px;
  padding-left: 5px;
  position: relative;
  font-size: 12px;
  line-height: 15px;
}
#footermenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footermenu li {
  margin: 0;
  padding: 0;
  position: absolute;
}


#footermenu li#pagetop a{
  margin-left: 635px;
  width: 90px;					/*menuの画像サイズに合わせる*/
  height: 16px;
  position: absolute;
  background-image:url(../images/pagetop.gif);
  background-repeat: no-repeat;
}
#pagetop span{
	visibility:hidden;				/*テキストを見えないように設定*/
}


/* フッタ
---------------------------------------------------- */
#footer {
margin:0 auto;
padding:0 0 15px 0;
  clear: both;
  width: 750px;
  position: relative;
background:#003399;
  background: url(../images/shadow_b.gif) no-repeat bottom center;
}

#footer p {
  margin-top: 4px;
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  color: #1E3B8F;
  background: transparent;
}

#footerline {
  margin:0 auto;
  margin-top: 4px;
  padding: 0;
  width: 734px;
  height: 5px;
  background: url(../images/footer_line.gif) no-repeat center center;
}

/* ■その他 
---------------------------------------------------- */
/*linkの下線消去*/
.non a:active {
  text-decoration:none;
}

.non a:hover {
  text-decoration:none;
}

.non a:visited {
  text-decoration:none;
}

.non a:link {
  text-decoration:none;
}

p {margin: 0;padding: 0;}

h1{margin: 0;padding: 0;font-size:12px;}
h2{margin: 0;padding: 0;font-size:10px;}
h3{margin: 0;padding: 0;font-size:8px;}
h5{margin: 0;padding: 0;font-size:8px;}


h4{margin: 0;padding: 0;font-size:8px;}


/* サブメニュー
---------------------------------------------------- */
#submenu {
  clear: both;
  margin: 0;
  padding-top: 40px;
  width: 186px;
  height: 665px;
  background: url(../images/obi_bg6.gif) no-repeat top left;
  float: left;
}

#submenu ul {
	margin:6px;
	padding:0;
	list-style:none;
}

#submenu li {
  height: 26px;
  padding-left:28px;
  background: url(../images/ya2.gif) no-repeat 11px 50%
}
#submenu li a{
  line-height: 26px;
  font-size: 14px;
  color: #0000ff;
}
#submenu li a:hover { color: #1E4DF4; text-decoration:underline}

#submenu span{
  line-height: 26px;
  font-size: 14px;
  font-weight: bold;
  color: #FF7E00;
}





.txt1{
  font-size: 14px;
  font-weight: bold;
  color: #FF7E00;
}

.txt2{
vertical-align:middle;
  font-size: 14px;
}