/* レイアウトの設定*/
body
{ 
text-align: center; /* IE 向けセンタリング指定 */
padding:0px;
margin:0px;
font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", verdana, "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
ont-family:meiryo;
background-color:#ffffff;
background-image : url(bg2.jpg);
background-attachment: fixed; 
ackground-position: 50% 0%; 
ackground-repeat: no-repeat;
} 

img {border: none; }

h1{
    width:1000px;
text-align:left;
font-weight: normal;
color: #222222;
font-size: 10px;
margin: 10px 0px 0px 50px;
}
p {margin: 0px }
p.wd{margin: 5px 0px 5px 0px; }


/* 大枠の設定*/

#contents{
    position:relative;
    width:1150px;
 height: 100%;
text-align:left;
background-repeat: no-repeat;
background-color: transparent;
background-image : url(c-bg.png);
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}

#contents2{
    position:relative;
    width:1150px;
 height: 100%;
text-align:left;
background-repeat: no-repeat;
background-color: transparent;
background-image : url(c-bg.png);
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}


/* ヘッダーの設定*/
#head{
    width:1050px;
    height:210px;
font-size:11px;
text-align:left;
background-color: transparent;
padding: 60px 0px 0px 0px;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}


/* ラッパーの設定*/

#wrap{
    position:relative;
    width:1050px;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}

/* 左側の設定*/

#left{
    width:190px;
    height:100%;
background-image : url(l-bg.png);
text-align:left;
float:left;
color: #ffffff;
font-size:10px;
line-height:1.5;
order: 1px #BCBCBC solid;
margin:  12px 0px 0px 0px;
padding: 20px 25px 30px 25px;
}

/* 右側の設定*/

#right{
    width:780px;
    height:100%;
float:right;
clear:right;
text-align:left;
font-size:10px;
line-height:1.7;
color: #333333;
background-color: transparent;
margin:  0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
}

#right2{
    width:740px;
    height:100%;
float:right;
clear:right;
text-align:left;
font-size:13px;
line-height:1.9;
color: #000000;
background-image : url(r-bg2.png);
margin:  12px 0px 0px 0px;
padding: 20px 20px 30px 20px;
}

#right3{
    width:740px;
    height:100%;
float:right;
clear:right;
text-align:left;
font-size:11px;
line-height:1.7;
color: #000000;
background-image : url(r-bg2.png);
margin:  12px 0px 0px 0px;
padding: 20px 20px 30px 20px;
}

/* の設定*/

#lb{
    width:238px;
    height:215px;
float:left;
color: #333333;
font-size:10px;
background-color: transparent;
background-image : url(r-bg.png);
margin:  12px 0px 0px 0px;
padding: 7px 7px 0px 7px;
}

#cb{
    width:252px;
    height:222px;
float:left;
color: #333333;
font-size:10px;
background-color: transparent;
ackground-image : url(r-bg.png);
margin:  12px 0px 0px 12px;
padding: 0px 0px 0px 0px;
}

#rb{
    width:252px;
    height:222px;
float:right;
clear:right;
color: #333333;
background-color: transparent;
ackground-image : url(r-bg.png);
margin:  12px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* の設定*/

#lb2{
    width:238px;
    height:215px;
float:left;
color: #333333;
font-size:10px;
background-color: transparent;
background-image : url(r-bg.png);
margin:  12px 0px 0px 0px;
padding: 7px 7px 0px 7px;
}

#cb2{
    width:238px;
    height:215px;
float:left;
color: #333333;
font-size:10px;
background-color: transparent;
background-image : url(r-bg.png);
margin:  12px 0px 0px 12px;
padding: 7px 7px 0px 7px;
}

#rb2{
    width:238px;
    height:215px;
float:right;
clear:right;
color: #333333;
background-color: transparent;
background-image : url(r-bg.png);
margin:  12px 0px 0px 0px;
padding: 7px 7px 0px 7px;
}

/* フッターの設定*/

#footer {
	position: fixed !important;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
background-image : url(f-bg.png);
background-repeat: repeat;
	height: 40px;
}


#foot{
    width:1050px;
    height:20px;
font-size:12px;
background-color: transparent;
ackground-image : url(l-bg.png);
color: #111111;
clear:both;
position:relative;
text-align:right;
padding: 25px 0px 25px 0px;
}

.img{
border: 1px #cccccc solid;
border-left: 1px #cccccc solid;
}

.ul {
list-style-type: disc;
}

.red{
font-weight:bold;
}

.bl{
font-weight:bold;
color: #990000;
}

/* 料金プランの設定*/


table.table012 {
  width: 740px;
font-size:11px;
  border-collapse: collapse;
}

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

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

v th {
  background: #E6E6E6;
  text-align: left;
  white-space: nowrap;
  color: #666;
}

table.table012 td.kouza {
  text-align: center;
  width: 200px;
font-weight: bold;
border-bottom: 1px #AAAAAA dashed;
border-top: 0px #cccccc solid;
border-left: 0px #cccccc solid;
border-right: 0px #cccccc solid;
  text-align: left;
}

table.table012 td.price {
  text-align: left;
  width: 490px;
border-bottom: 1px #AAAAAA dashed;
border-top: 0px #cccccc solid;
border-left: 0px #cccccc solid;
border-right: 0px #cccccc solid;
  white-space: nowrap;
}

a{ color:#0DBCB7;  text-decoration:none;}
a:link { color: #0DBCB7; text-decoration:none;}
a:visited { color: #0DBCB7;  text-decoration:none;}
a:active { color: #22FFF4; text-decoration: none;}
a:hover { color: #22FFF4; text-decoration: none ;}


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="名前"></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="course.html#******" target="_self">
<a id="access" name="****"></a>



ul {
	list-style: none;
}


#nav2
{
	width: 238px;
	height: 145px;
	overflow: hidden;
order: 1px #EDEDED solid;
}
#nav1
{
	width: 238px;
	height: 145px;
	overflow: hidden;
}