@import "http://";

/*----------  ホームページを小粋に　スタイルシート　トップページ ---------*/

body {
  margin: 0;
  padding: 0;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

img{border-width:0;}


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

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


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



#container{
margin: 0px auto;
padding: 0px;
width:865px;
text-align:center;
}

#ad{
margin: 0px auto;
width:800px;
text-align: left;
}



.ad2 {
padding: 0;
margin: 0px 0px 20px 30px;
float:right;
}

#banner{margin: 0;
  height: 33px;
  text-align: left;
}



h1{font-size: 17px; 
        text-align: left;
        text-decoration: underline;
        color:#8B525A;
        margin: 0px;
}

h2{margin:30px 0px 15px 0px;
padding:2px 0px 2px 18px;
font-size:14px;
background: url(http://yume.hacca.jp/koiki/css/h2.gif) no-repeat left center;
border-bottom: 1px dotted #7f2135;
}


#content h3{
margin:40px 0px 30px 0px;
height: 20px;
border: 0px;
padding: 3px 0px 0px 10px;
font-size:13px;
background: url(http://yume.hacca.jp/koiki/css/dot.gif) repeat-x bottom #e1d2bd;
border-left: 10px double #503632;
color: #503632;
}



#left h3{
margin:30px 5px 15px 0px;
padding:0px 0px 5px 10px;
background: url(http://yume.hacca.jp/koiki/css/side.gif) repeat-x bottom;
font-size:13px;
}


#right {
margin: 0;
float:right;
width:685px;
padding-top: 120px;
background: url(http://yume.hacca.jp/koiki/img/left_back.gif) repeat-y left top;
text-align:left;
}

#content {
margin: 0;
padding:0px 10px 100px 30px;
float:left;
width:510px;
text-align:left;
color:#444;
}

#side {
float:right;
width:125px;
margin: 0;
text-align:right;
}

#left {
margin: 0;
float:left;
padding-top: 120px;
width:180px;
text-align:left;
color:#444;
}


#footer{
clear:both;

margin: 0;

padding-top:10px;

height:46px;

background: url(http://yume.hacca.jp/koiki/img/01_footer.gif) repeat-x;


}

#footer p{
text-align:center; font-size: 11px; color:#fff;

  line-height: 1.0em;}


#navi {
font-size: 12px;
margin: 0px 0px 50px 20px;}


#navi ul{
margin: 0; 
padding: 0; 
list-style: none;
}

#navi li{ 
display: inline; 
float: left;
}
#navi a{
text-decoration: none;
color: #008000;}

#navi a:hover{
text-decoration: underline;
}

/*==========　テキスト　スタイル　見出し <span class="">　==================*/

p{font-size: 14px; line-height: 170%;}

.cool{font-size: 12px; color:#8B525A;}

.cool2{font-size: 13px; color:#8B525A; font-weight: bold; display:inline;}




strong {background-color:#dfffd8;}

span.red {color:#cc0000;}

span.blue {color:#0066cc; background-color:#F0FFF0;}

span.navy {background-color:#F0FFF0;}

.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;
}
.sen {
height: 1px;
background: url(http://yume.hacca.jp/koiki/css/sen.gif) repeat-x;
margin-top: 5px;
}




/*===　サイドリスト　メニュー列リスト（縦）#1d3994=======*/
#left ul { 
margin: 0px 5px 30px 0px; 
padding :0; 
list-style-type : none; 
}

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

#left li a{
  padding: 5px 0px 3px 8px;
  margin-bottom: 1px;
  display:block;
  height: 20px;
  font-size: 12px;
  text-decoration: none;
  border-left: 4px solid #fafafa;
  border-bottom: 1px dotted #8593A9;
   }

#left li a:hover{
  border-left: 4px solid #503632;
  color: #0000ff;
}


/* =====　 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/01_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;
}

/* =====  トップページ　content　リスト　====== */

#top {
margin-left: 25px;
padding: 0px;
background: #ffffff;
font-size: 12px;
line-height: 150%;
}

#top ul{ 
margin: 0; 
padding: 0; 
list-style-type: disc; 
list-style-position: outside;
}
#top li{ 
padding: 0; 
margin-bottom: 3px; 
}
#top li a:link, #top li a:visited{
BORDER-BOTTOM: 1px dotted #2f65a3;
text-decoration:none;
}


/* ------------- タグサンプル表示　------------- */



.tag {/* ------  html ----- */
     background: #fff;  
     margin-bottom: 30px;
     border-top: 1px solid #999;
     border-left: 1px solid #999; 
     border-right: 2px solid #999; 
     border-bottom: 3px solid #999; 
     padding: 0px 15px 0px 15px;
} 

.tag2 {/* -----  css ----- */
     margin-bottom: 20px;
     background: #f9f9f9;
     border: 1px solid #ddd; 
     padding: 0px 15px 0px 15px;
} 

.tag p, .tag2 p{color:#111; font-size: 13px; line-height: 140%;} 


.tagtitle {background: #fff;
     padding: 0px 0px 0px 10px;
} 

.tagtitle p {
     font-weight: bold;
     font-size: 15px;  
     color:#8B525A;
     display:inline;
} 



.tagsample{font-size: 15px;
 border: 1px solid #000000;
margin-bottom: 30px;}








/* =====　 テーブル　プロパティ　　====== */

td,th{color:#444; font-size: 13px;text-align: left;  
}

.table_01 {    
    border: 1px solid #ccc;   
    border-collapse: collapse;   
    width:100%;
    margin-bottom: 20px;   
}   

.table_01 th {   
    background: #f1f1f1;  
    border-left: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    line-height: 120%;
    padding:6px;
}   

 

.table_01 td {   
    vertical-align: top;
    line-height: 140%;
    border-bottom: #ccc 1px solid;
    border-left: #ccc 1px solid;
    padding:6px;   
}  




/* =====　プロパティ　見出しリスト　　====== */

dl#property{margin: 0 5px 30px 0; font-size: 13px;}

dl#property dt{margin: 10px 0 3px 0; padding-left: 13px; border-bottom: dotted 1px #cccccc;
background: url(http://yume.hacca.jp/koiki/img/maru1.gif) no-repeat left center;}

dl#property dd{margin: 0; padding: 2px 0 2px 1.0em;} 

dl#property a{text-decoration:none;} 

dl#property a:hover{text-decoration:none;}