@import "http://";


/*=================小粋コンテンツページデザイン==================*/


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;/*スクロールバー右側（下）の影*/
}


#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;
}

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

#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;
}

/*=================　iframe　メニュー　==================*/



#menu{
border: 0px;
width: 865px;
margin: 0;
}


/*=================　見出し　==================*/

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;
}


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


h4{/*　左列見出し */
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 {
     margin: 0px auto;
     background: #ffffff;
     background: url(http://yume.hacca.jp/koiki/img/bgbox.gif) repeat-y left top;
     border: 0px;
     padding-top: 90px;
     padding-bottom: 30px;
     width: 865px;
}

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

/*=================メイン==================*/


#maintop {/*コンテンツ枠*/
width: 685px ;
margin-top: 30px;
float: right ;
}

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

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


#side {/*コンテンツ右サイド*/
width: 122px ;
margin: 0px;
text-align: right;
float: right;
background: #ffffff;
border: 0;}


.c-both {
clear : both ;
}



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


span.ki {background: #ffff99;}

span.kiblack {color:#333; background: #ffff99;}

span.blue {background: #d7efd7;}

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

span.red {color:#cc0000;}

span.pink {color:#ff3366;}

span.violet {color:#993399;}

span.black {color:#333333;}

span.orange {color:#ff8000;}

span.green {color:#009966;}

span.navy {color:#000080;}

span.text {line-height: 200%;}

span.haikei {background: #ffcc99;}

span.haikei2 {background: #6633cc; color:#ffffff;}



.google {/*google */
background-color: #ffffff; 
border-bottom: dotted 1px #999999;
margin: 15px 5px 25px 0px;
padding: 4px 4px 4px 0px;
} 


.google13 {
margin: 0px 0px 15px 0px;
padding: 5px;
border: 0px;
}




/*===　左メニュー列リスト（縦）　=======*/


#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;
}

#left p{ 
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
background-color:#fff;
font-size: 13px;
font-weight: bold;
padding: 0px 0px 3px 14px;
border-bottom: 1px dotted #8593A9;
margin: 0px 5px 13px 0px;
background: url(http://yume.hacca.jp/koiki/img/ya-9.gif) no-repeat 0px 6px; 
color: #312646; 
}


/*==============================================*/

.f1 {/*　h3と同じもの */
font-size: 14px; 
        background-color: #e5f1ff;
        border-top: 2px solid #b3c8e0;
        text-align: left;
        color: #333333;
        font-weight: bold;
        margin: 15px 0px 15px 0px;
　　　　padding: 2px 2px 2px 10px;
}


.f2 {/*　タグ 白黒　枠あり */
　　　　border-left: solid 1px #cccccc;
　　　　border-bottom: solid 1px #666666;
        border-top: solid 1px #cccccc;
        border-right: solid 1px #666666;
        text-align: left;
       	line-height: 130%;
        background-color: #ffffff;
        font-size: 14px;
        margin: 10px 0px 30px 0px;
　　　　padding: 10px 5px 10px 10px;
}
.f3 {/*　タグ用  枠無し */
　　　　border: 0px;
　　　　text-align: left;
        color: #993399;
        line-height: 130%;
        font-size: 14px;
        margin: 30px 50px 30px 0px;
　　　　padding:0px;
}

.f5 {/*　文字box  背景色pink　枠あり*/
　　　　text-align: left;
        font-size: 14px;
        background-color: #DCCBD1;
　　　　border: solid 1px #C09C91;
        margin: 30px 0px 30px 0px;
　　　　padding: 2px 4px 2px 10px;
}
.f6 {/*　文字box 背景色ブルー　枠あり*/
　　　　text-align: left;
        font-size: 14px;
　　　　background-color: #DDDDE9;
　　　　border: solid 1px #C7C7E9;
        margin: 30px 0px 30px 0px;
　　　　padding: 2px 4px 2px 10px;
}
.f7 {/*　文字box 背景色green　枠あり*/
　　　　text-align: left;
        font-size: 14px;
　　　　background-color: #CEE1CE;
　　　　border: solid 1px #99cc99;
        margin: 30px 0px 30px 0px;
　　　　padding: 2px 4px 2px 10px;
}
.f8 {/*　文字box 背景色は白 枠色green*/
　　　　text-align: left;
        font-size: 15px;
　　　　line-height: 130%;
　　　　background-color: #ffffff;
　　　　border: solid 1px #99cc99;
        margin: 30px 0px 30px 0px;
　　　　padding: 10px; 
}

.f9 {/*　文字box 枠色ブルー*/
　　　　text-align: left;
        font-size: 15px;
　　　　line-height: 130%;
　　　　background-color: #ffffff;
　　　　border: solid 1px #9999ff;
        margin: 20px 0px 25px 0px;
　　　　padding: 10px 5px 10px 10px;
}

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

/*==============================================*/
a:link {
	color: #0000FF;
}
a:visited {
	color: #0000ff;
}
a:hover {
	color: #ff9933;
}


/*==============================================*/

#footer {   
clear: both; 
border-top: 1px solid #C0C0EE;
margin: 0px;
font-size: 11px;
color: #573731;
padding: 15px;
 height: 60px;
 background-color: #a4a3df;
}

/*========= 透けるテーブル=====================================*/

.tomei  {/*main　右列*/
	width: 470px;
        background-image : url(http://yume.hacca.jp/koiki/table/bg1.gif);
	background-repeat: repeat;
        font-size : 13px;
        border: 0px;
        line-height: 150%;
        margin-top: 20px;
        padding: 30px 15px 30px 30px;
}