/* レイアウトの設定*/
body
{ 
text-align: center; /* IE 向けセンタリング指定 */
padding:0px;
margin:  0px 0px 0px 0px;
ackground-attachment: fixed; 
ackground-position: 50% 0%; 
ackground-repeat: no-repeat;
ackground-image : url(head-top.jpg);
-webkit-text-size-adjust: none;
font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size:12px;
color:#000000;
line-height:1.9;
} 

#r-line{border-bottom: 1px #666666 dotted;}

img {border: none; }




/* ヘッダーの設定*/

#head{
    width:1100px;
    height:220px;
text-align:left;
padding: 30px 0px 0px 0px;
background-color:transparent;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
}

/* 左側全体の設定*/
#hleft{
    width:800px;
    height:100%;
text-align:left;
    float:left;
background-color:transparent;
}


/* 右側の設定*/
#hright{
width:300px;
height:100%;
text-align:right;
float:right;
background-color:transparent;
}



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


#contents{
    width:1130px;
    height:100%;
text-align:left;
padding: 0px 0px 50px 0px;
background-color:transparent;
}



/* フッターの設定*/
#foot{
    position:relative;
    width:100%;
    height:100px;
text-align:left;
padding: 25px 0px 0px 0px;
border-top: 3px #000000 solid;
margin: 0 auto; /* Firefox 向けセンタリング指定 */
clear:both;
}

/* 左側全体の設定*/
#fleft{
    width:700px;
    height:100%;
text-align:left;
    float:left;
background-color:transparent;
}


/* 右側の設定*/
#fright{
width:400px;
height:100%;
text-align:right;
float:right;
background-color:transparent;
}





a{ color:#0077A0;  text-decoration:none;}
a:link { color: #0077A0;text-decoration:none;}
a:visited { color: #0077A0;  text-decoration: none;}
a:active { color: #00AAE5; text-decoration: none;} 
a:hover { color: #00AAE5; text-decoration: none ;}




#{ }<div id="名前"></div>
.{ }<p class="名前"></p>
<span class="名前"></span>
<p class="example2 example3"></p>
<img src="img/.jpg" alt="" width="0" height="0" />
<a href=".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'">
<iframe src=".shtml" frameborder="1" scrolling="no" width="292" height="340" true"></iframe>


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