html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

body {
   font:15px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
   color:#222222;
line-height:1.9;
text-align:center;
}

/* ヘッダーの設定*/
#head{
    width:1130px;
    height:188px;
text-align:center;
padding: 10px 0px 5px 0px;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}

/* スライドショーの設定*/

#slideshow {
   position:relative;   width:100%;   height:662px;
}
#slideshow li {
   position:absolute;   height:662px;   margin:0;   padding:0;   background-position:center top;   background-repeat:no-repeat;
}

/* コンテンツの設定*/



#menu-gray{
    width:100%;
    height:100%;
padding: 40px 0px 40px 0px;
background-color:#EDF0F5;
}

#menu-blue{
    width:100%;
    height:100%;
padding: 40px 0px 40px 0px;
background-color:#00316C;
}



/* 横並びボックスの設定*/


#topbox{
    width:1100px;
    height:100%;
text-align:center;
background-color: transparent;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}


/* メッセージのボックスの設定*/


.box_image {
height:140px;
    float: left;
text-align:left;
}

.box_summary {
height:140px;
    overflow: hidden;
padding: 0px 0px 0px 20px;
text-align:left;
}

/* ポータルのボックスの設定*/


.left_bt1 {
    float: left;
text-align:left;
height:138px;
padding: 0px 0px 10px 0px;
}

.left_bt2 {
    overflow: hidden;
text-align:right;
height:138px;
padding: 0px 0px 10px 0px;
}


/* トップの3つボックス設定*/


.menu1 {
width:366px;
height:298px;
    float: left;
text-align:left;
}

.menu2 {
width:366px;
height:298px;
    float: left;
text-align:left;
}

.menu3 {
width:366px;
height:298px;
    overflow: hidden;
padding: 0px 0px 0px 0px;
text-align:left;
}


/* ブログのボックスの設定*/


.left_blog1 {
width:260px;
height:182px;
    float: left;
text-align:left;
padding: 0px 0px 0px 0px;
}

.left_blog2 {
width:840px;
height:182px;
    overflow: hidden;
text-align:right;
padding: 0px 0px 0px 0px;

}



/* フッターの4つボックス設定*/


.foot1 {
width:228px;
height:690px;
padding: 7px 20px 0px 0px;
    float: left;
text-align:left;
}

.foot2 {
width:228px;
height:690px;
padding: 7px 20px 0px 0px;
    float: left;
text-align:left;
}

.foot3 {
width:188px;
height:690px;
padding: 7px 20px 0px 0px;
    float: left;
text-align:left;
}


.foot4 {
width:395px;
height:690px;
line-height:2.1;
    overflow: hidden;
padding: 0px 0px 0px 0px;
text-align:left;
}

/* フッターの設定*/

#foot{
    width:100%;
    height:100%;
font-size:14px;
position:relative;
line-height:2.8;
background-color:#F7F8F8;
padding: 40px 0px 60px 0px;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
clear:both;
}


#f-line{border-top: 2px #00316C solid; margin:  0px 0px 20px 0px;}


#footbar{
    width:100%;
    height:30px;
color: #ffffff;
font-size:14px;
background-color:#00316C;
padding: 25px 0px 15px 0px;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}


#headline{border-top: 5px #00316C solid; margin:  0px 0px 20px 0px;}


/* ラッパーの設定*********************************************************************************************************************************/
#wrap{
    position:relative;
    width:1130px;
    margin: 0 auto; /* Firefox 向けセンタリング指定 */
}


/* 左側全体の設定*/
#left{
float:left;
    width:280px;
    height:100%;
text-align:left;
font-size:13px;
line-height:1.9;
padding: 20px 0px 30px 0px;
}

/* 右側の設定*/
#right{
float:right;
width:775px;
height:100%;
text-align:left;
padding: 20px 0px 60px 0px;
float:right;
}


#l-line{border-bottom: 1px #64788C dotted; margin:  14px 0px 14px 0px;}
#r-line{border-bottom: 1px #c6c6c6 dotted; margin:  10px 0px 10px 0px;}


.bold{
font-weight: bold;
 }

.text15{
font-size:17px;
font-family: 'Hiragino Mincho Pro', serif;
font-weight: bold;
 }

#titlebar01 {
  width: 760px;
color: #ffffff;
font-family: 'Hiragino Mincho Pro', serif;
border-left: 5px #00284F solid;
font-size:23px;
font-weight: bold;
background-color:#00316C;
padding: 0px 0px 0px 10px;
text-align: left;
}



#bar1 {
  width: 720px;
color: #111111;
font-size:16px;
font-weight: bold;
border-bottom: 5px #20b2db solid;
padding: 0px 0px 0px 0px;
text-align: left;
}

#bar2 {
  width: 710px;
color: #ffffff;
font-size:14px;
color: #ffffff;
background-color:#00C8FD;
padding: 5px 0px 5px 10px;
text-align: left;
}


#bar3 {
  width: 710px;
color: #ffffff;
font-size:16px;
font-weight: bold;
background-color:#00C8FD;
font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
padding: 5px 0px 5px 10px;
text-align: left;
}




#qa{
    width:775px;
    height:100%;
font-size:18px;
line-height:1.8;
color:#000000;
margin:  0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
background-color:#ffffff;
font-weight: bold;
font-family: 'Hiragino Mincho Pro', serif;
border-bottom: 3px #2F65B2 solid;
}

#an{
    width:775px;
    height:100%;
font-size:18px;
line-height:1.8;
color:#000000;
background-color:#ffffff;
font-weight: bold;
font-family: 'Hiragino Mincho Pro', serif;
}




#contact{
width:720px;
height:100%;
text-align:left;
font-size:14px;
color:#222222;
line-height:1.7;
font-family:meiryo;
padding: 0px 0px 0px 0px;
background-color:#ffffff;
}


#boxcont{
    width:680px;
    height:100%;
text-align:left;
color: #000000;
background-color:#f9f9f9;
padding: 20px 20px 20px 20px;
border: 1px #c1c1c1 dotted;
margin:  10px 0px 0px 0px;
}


#boxcont2{
    width:100%x;
    height:100%;
text-align:left;
line-height:2.7;
ackground-color:#fcfcfc;
adding: 20px 20px 20px 20px;
order: 1px #d8d8d8 solid;
argin:  10px 0px 0px 0px;
}










/* 料金の表*/

table.table011 {
  width: 720px;
font-family:meiryo;
font-size:12px;
  border-collapse: collapse;
}

table.table011 caption {
  margin-top: 1em;
  text-align: left;
}

table.table011 th,
table.table011 td {
  border: solid 1px #999;
padding: 15px 0px 10px 0px;
}

table.table011 th {
  background: #E6E6E6;
  text-align: left;
  white-space: nowrap;
color: #111111;
}

table.table011 td.menu {
  text-align: center;
  width: 150px;
line-height:1.8;
color: #111111;
ont-weight: bold;
border-bottom: 1px #cccccc dashed;
border-top: 0px #cccccc solid;
border-left: 0px #cccccc solid;
border-right: 0px #cccccc solid;
  text-align: left;
}

table.table011 td.price {
  text-align: left;
  width: 550px;
line-height:1.8;
border-bottom: 1px #cccccc dashed;
border-top: 0px #cccccc solid;
border-left: 0px #cccccc solid;
border-right: 0px #cccccc solid;
  white-space: nowrap;
}


a{ color:#111111;  text-decoration:none;}
a:link { color: #111111;text-decoration:none;}
a:visited { color: #111111;   font-weight: bold;}
a:active { color: #143e68;  font-weight: bold;} 
a:hover { color: #143e68;  font-weight: bold;}


a.link:link { color: #0054A8;  text-decoration: underline; font-weight: normal;}
a.link:visited { color: #0054A8; text-decoration: underline;  font-weight: normal;}
a.link:hover { color: #007EE5; text-decoration: underline; font-weight: normal;}
a.link:active { color: #007EE5; text-decoration: underline;  font-weight: normal;}


table.table013 {  width: 720px; margin-bottom: 15px; font-size:12px;  border-collapse: collapse;}
table.table013 caption {  margin-top: 1em;  text-align: left;}
table.table013 th,
table.table013 td {  border: solid 0px #cccccc ;padding: 0px 0px0px 0px;}
v th {  background: #E6E6E6;  text-align: left;  white-space: nowrap;  color: #666;}

table.table013 td.time {
   width: 80px;
line-height:1.9;
font-weight: bold;
 text-align: center;
background-color:#e2e2e2;
order-bottom: 1px #cccccc solid;
order-top: 1px #cccccc solid;
order-left: 1px #cccccc solid;
order-right: 1px #cccccc solid;
}

table.table013 td.day {
  text-align: center;
  width: 50px;
line-height:2.1;
font-weight: bold;
background-color:#e2e2e2;
brder-bottom: 1px #cccccc solid;
order-top: 1px #cccccc solid;
order-left: 1px #cccccc solid;
order-right: 1px #cccccc solid;
  white-space: nowrap;
}


table.table013 td.kouza {
   width: 80px;
line-height:1.9;
font-weight: bold;
 text-align: center;
order-bottom: 1px #cccccc solid;
order-top: 1px #cccccc solid;
order-left: 1px #cccccc solid;
order-right: 1px #cccccc solid;
}

table.table013 td.price {
  text-align: center;
  width: 336px;
border-left: 0px #cccccc solid;
border-right: 0px #cccccc solid;
  white-space: nowrap;
}

table.table013 td.price {
  text-align: center;
  width: 336px;
border-left: 0px #cccccc solid;
border-right: 0px #cccccc solid;
  white-space: nowrap;
}









table.table013 td.leftrec {
  text-align: left;
  width: 493px;
padding: 0px 20px 0px 7px;
border-left: 0px #cccccc solid;
border-right: 0px #cccccc solid;
  white-space: nowrap;
}

table.table013 td.rightrec {
  text-align: right;
  width: 500px;
border-left: 0px #cccccc solid;
border-right: 0px #cccccc solid;
  white-space: nowrap;
}





.box1 {
 z-index: 1;
 position: relative;
    width:100%;
 height: 496px;
background-color: transparent;
}

.box3 {
 z-index: 10;
 position: absolute;
width:1000px;
 height: 400px;
ackground-color: #cccccc;
background-color: transparent;
    overflow:auto;
    top:50%;
    left:50%;
    margin-top:-200px;
    margin-left:-500px;
text-align: left;
}






/* リクルートボタン表*/

table.table016 {  width: 720px;  border-collapse: collapse;}

table.table016 caption {  margin-top: 1em;}

table.table016 th,
table.table016 td {
padding: 0px 0px 25px 0px;
margin:0px 0px 0px 0px;
}

table.table016 th {  background: #E6E6E6;  white-space: nowrap;}

table.table016 td.left {  width: 360px;text-align: left;}


table.table016 td.right {  width: 360px;text-align: right;}


/* リクルートボタン表*/


table.table017 {  width: 720px;  border-collapse: collapse;}

table.table017 caption {  margin-top: 1em;}

table.table017 th,
table.table017 td {
padding: 0px 0px 20px 0px;
margin:0px 0px 0px 0px;
}

table.table017 th {  background: #E6E6E6;  white-space: nowrap;}

table.table017 td.left {  width: 240px;text-align: left;}
table.table017 td.center {  width: 240px;text-align: center;}
table.table017 td.right {  width: 240px;text-align: right;}



























font-family:sans-serif;
width:0px;
height:0px;
text-align:left;
font-size:10px;
font-family:meiryo;
font-weight: bold;
background-color:#ffffff;
background-color: transparent;
background-image : url(bg.gif);
color:#ffffff;
line-height:1.1;
border-top: 1px #ffffff solid;
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
background-color: #ffffff;
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
border-left: 1px #cccccc solid;
border-right: 1px #cccccc solid;
position:relative;


<div class="line"><p style="border-bottom: 1px dotted gray;"></p></div>

<div id="r-line"></div>

#{ }<div id="名前"></div>
.{ }<p class="名前"></p>
<span class="名前"></span>
<p class="example2 example3"></p>
<img src="img/.jpg" alt="" width="230" height="59" border="0" />
<a href="sagi.html" target="_self"></a>
<img src="img/.jpg" width="0" height="0" border="0"  alt="" onmouseover="this .src='img/-r.jpg'"onmouseout="this .src='img/.jpg'">

<a href="***.html#***" target="_self">
<a id="***" name="***"></a>