@import "http://";

/*----------  ホームページを小粋に ニュー　コンテンツページ　xhtml変更 ---------*/

body{
	margin: 0px;
        padding: 0px;
        text-align:center;
        font-family : Verdana,Osaka;
scrollbar-face-color:#eae7ef; /*スクロールバー本体の色*/
scrollbar-highlight-color: #eae7ef; /*スクロールバー左側（上）の影*/
scrollbar-shadow-color: #eae7ef; /*スクロールバー右側（上）の影*/
scrollbar-3dlight-color: #bdb1d6; /*スクロールバーの左側（下）の影*/
scrollbar-arrow-color: #bdb1d6; /*矢印の色*/
scrollbar-track-color: #fdfdff; /*背面の色*/
scrollbar-darkshadow-color: #bdb1d6;/*スクロールバー右側（下）の影*/
}


/*==========　全体リンク ====================*/

a:link {color: #0000ff;}
a:visited {color: #0000ff;}
a:hover {color: #ff9933;}





/*------------　全体スタイル　------------*/


#container{
margin: 0px auto;
text-align:center;
background: url(http://yume.hacca.jp/koiki/img/bgbox.gif) repeat-y left top;
padding: 0px;
width:865px;
}

/*-----------　iframe　メニュー　-----------*/
#imenu{
margin: 0px auto;
text-align:center;
padding-top: 85px;
width:865px;}

.risu {
   border: 0px;
   margin: 0px;
   text-align:left;
   width:100%;
   height:40px;
   overflow: hidden;
}


/*-----------　////////　-----------*/


#box {
margin: 0px auto;
text-align:center;
padding: 20px 0px 50px 0px;}


#contents {/*コンテンツ*/
margin: 0px;
width: 660px ;
float:right;
line-height: 150%;
font-size: 15px;
text-align: left;
border: 0;}


#left {/*メニュー列*/
text-align: left;
        font-size : 13px;
        padding: 0px;
        float: left;
	width: 180px;
}



#footer{
clear:both;
margin: 0;
padding-top:10px;
height:60px;
background-color: #a4a3df;
color: #573731;}

#footer p{
text-align:center; font-size: 11px; color:#333;
  line-height: 1.0em;}

.sen {
height: 1px;
background: url(http://yume.hacca.jp/koiki/css/sen.gif) repeat-x;
margin: 5px 40px 5px 0px;
}

/*------コンテンツ・フォント <span class="ki">  <span class="violet"> ------*/

strong {background: #d7efd7;}

.violet {color:#993399;}

.ki {background: #ffff99;}

.kon {color:#312646; font-size: 13px;}


/*-----------　見出し　-----------*/

#head {
border: 0px;
position: absolute;
top: 20px;
left: 0px;
width: 100%;
margin: 0;
padding: 0px;
background : url(http://yume.hacca.jp/koiki/img/00_h1.gif) repeat-x;
height: 56px;
}

#head h1 {
margin: 0px auto;
width: 865px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
border: 0px;
margin-top: 12px;
text-align: left;
font-size: 13px;
color: #fff;
}

h2{font-size: 16px; 
        text-align: left;
        text-decoration: underline;
        font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
        color: #0000FF;
        margin: 0px 0px 10px 0px;
　　　　padding: 0px;
}


#contents h3{font-size: 14px; 
        margin: 15px 40px 15px 0px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
 background-color: #e5f1ff;
        border-top: 2px solid #b3c8e0;
        padding: 2px 2px 2px 10px;
        color: #333333;
}


#left h3 {/*　左列見出し */
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
margin: 0 5px 5px 0;
padding: 1px 0px 0px 1px;
border-bottom: 1px dotted #8593A9;
background-image : url(http://yume.hacca.jp/koiki/img/ya-1.gif);
	background-repeat: no-repeat;
	background-position: left center;
        text-align: left;
        text-indent: 15px;
        font-size: 13px;
　　　　color: #312646;
}



/* ------ コンテンツ box　----- */


.f1{/*　タグ 白黒　枠あり */
    font-family:Verdana;
    margin:10px 40px 30px 0px;
    padding: 10px  15px;
    border-top: 1px solid #999;
     border-left: 1px solid #999; 
     border-right: 2px solid #999; 
     border-bottom: 3px solid #999;  
    text-align:left;
    line-height: 140%;}




.f2{/*　赤枠あり */
    margin:30px 50px 30px 0px;
    padding: 10px  15px;
    border: 1px solid #B0776F;
    text-align:left;
    line-height: 140%;}


.f3 {/*　タグ用  枠無し */
　　　　border: 0px;
　　　　text-align: left;
        font-size: 14px;
        margin: 30px 50px 30px 0px;
　　　　padding:0px;
}

/* ------ ///////////////////　----- */




.bar {/*　関連項目 */
background: url(http://yume.hacca.jp/koiki/img/bar.jpg) repeat-x;
margin: 30px 40px 0 0;
padding:1px 10px;
font-size:13px;
color: 444;
font-weight: bold;
}











/* ===== コンテンツ欄　リスト====== */


#content ul { 
margin: 0px; 
padding :0px; 
list-style-type : none; 
}

#content li { 
display: inline;
padding :0; 
margin:0; 
}


#content li a{display:block; 
background-color:#fff;
padding: 1px 0px 1px 12px;
text-decoration: none;
margin: 0px;
background: url(http://yume.hacca.jp/koiki/img/maru1.gif) no-repeat left center; 
border-bottom: 1px dotted #8593A9;
}



/* ----------- 左列リスト--------- */

#left ul { 
margin: 0 5px 0 0; 
padding :0; 
list-style-type: none; 
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


#left li{ 
display: inline;
padding:0; 
margin:0; 
}


#left li a:link, #left li a:visited
{display:block; 
background-color:#fff;
font-size: 12px;
padding: 3px 0px 3px 14px;
text-decoration: none;
border-bottom: 1px dotted #8593A9;
margin: 3px 0px;
background: url(http://yume.hacca.jp/koiki/img/100.gif) no-repeat left center; 
color: #0000FF; 
}

#left li a:hover{
display: block; 
background-color: #fff;
font-size: 12px;
padding: 3px 0px 3px 14px;
text-decoration: none;
border-bottom: 1px dotted #E5B192;
margin: 3px 0px;
background: url(http://yume.hacca.jp/koiki/img/101.gif) no-repeat left center; 
color: #ff9933;
}

#left #menu-on a{
color:#ff9933;
}
#left #menu-on a:hover{
color:#ff9933;
}


/* ----------- header menu---------= */

#menu {
border: 0px;
position: absolute;
top: 20px;
left: 0px;
text-align: left;
width: 100%;
}
#menu ul{
font-family: MS UI Gothic;
font-size: 13px;
margin: 0;
padding: 15px 0 0 35px;
background : url(http://yume.hacca.jp/koiki/img/00_h1.gif) repeat-x;
height:56px;}

#menu li{
margin:0 1em 0 0;
display:inline;
list-style-type:none;
}

#menu li a{
color:#e8ecef;
font-weight:bold;
}

#menu li a:hover{
color:#9E2435;
}

#menu li.menu-on a{
color:#ebd842;
}

/* ---------- header menu　///////ここまで　------------ */


.ad_top{
text-align: left;
padding: 10px 0px 20px 0px;
}

.ad {
float: left; 
padding: 10px 20px 10px 0px;
background: #fff;}