@charset "Shift_JIS";

/* ---------------------------------------- #contents内の指定 */

/* -- 見出し -- */
h2{
  font-size: 1.3em;
  margin-bottom: 0.8em;
　color: #191970; 
　font-weight: bold;
  padding: 0.2em 5px;
  border-bottom: 2px solid #4682B4;
}

h3{
  font-size: 1.2em;
  margin-bottom: 0.8em;
  margin-top: 2.5em;
　color: #191970; 
　font-weight: bold;
  padding: 0.2em 5px;
  border-bottom: double #4682B4;
}

h4 {
  font-size: 1em;
  margin-bottom: 0.8em;
  color: #000033; 
　font-weight: bold;
  padding: 0.4em 12px;	/* 上下 左右 */
  background-color: #e5f1ff;
  border-top: 2px solid #4682B4;
  border-bottom: 1px solid #cccccc;
}

h5 {
  font-size: 1em;
  margin-bottom: 0.5em;
  font-weight: bold;
  border-bottom: 1px dotted #666666;
}

/* -- 文字 -- */
#contents p {
  line-height: 1.6em;
  margin-bottom: 0.5em;
  margin-left: 8px;
  margin-right: 8px;
}


/* ---------------------------------------- テーブルスタイル */
#contents table { 
 border: 1px #4682B4 solid;
 border-collapse: collapse;
 width: 100%; 
}

#contents th {
 border: 1px #4682B4 solid;
 font-weight: bold;
 vertical-align: middle;  /* 縦位置を指定 */
 text-align: center;  /* 横位置を指定 */
 padding: 6px 0px;
 background-color: #e5f1ff;
 color: #191970;
}

#contents td {
 border: 1px #4682B4 solid;
 vertical-align: middle;  /* 縦位置を指定 */
 background-color: #ffffff;
 padding: 6px 8px; /* 上下左右を指定 */
} 

/* ---------------------------------------- divスタイル */



/* -- パン屑リスト -- */
#contents .topic-path {
  line-height: 1em;
  margin-bottom: 2em;
  margin-left: 2px;
}


/* -- 以下 リスト関係 -- */
#contents dl { margin: 1em 0; }

#contents dt {
  margin-bottom: 0.5em;
  font-weight: bold;
  border-bottom: 1px dotted #666666;
}

#contents dd { margin-bottom: 3.4em; }

#contents ul { 
 margin: 1em 0 1em 20px;
 list-style-image: url(../img/point.gif); 
 line-height: 1.5em;
} 

#contents ol { margin: 1em 0 1em 30px; }
#contents li { margin-bottom: 0.3em; }


/* ------------------------------------関連商品スタイル */

dl.goods dt {
  clear: both;
  padding: 2px 4px 2px 15px;
  border-top: 1px solid #cccccc;
  color: #336699;
  font-weight: bold;
}

dl.goods dd {
  font-size: 0.95em;
}

img.package {
    float: right;
    margin: 6px;
}

/* -----------------------------------ドラマ一覧スタイル */

#contents dl.serviceList {   
    margin: 0 0 20px;   
}   
    
#contents dl.serviceList dt {   
    position: relative;   
    width: 460px;   
    margin-bottom: 5px;   
    padding-top: 15px;   
    padding-left: 80px;   
    font-weight: bold;   
    border-top: 1px dotted #ACACAC;   
}   
    
#contents dl.serviceList dt.firstChild,   
#contents dl.serviceList dt:first-child {   
    border-top: 0;   
    padding-top: 0;   
}   
    
#contents dl.serviceList dt a {   
    padding-left: 15px;   
    background: url(../img/item/mark_01.gif) no-repeat left center;   
}   
    
#contents dl.serviceList dt img {   
    position: absolute;   
    top: 15px;   
    left: 0;   
    padding: 2px;   
    border: 1px solid #EEE;   
}   
    
#contents dl.serviceList dt.firstChild img,   
#contents dl.serviceList dt:first-child img {   
    top: 0;   
}   
    
#contents dl.serviceList dd {   
    margin-bottom: 15px;   
    padding-left: 80px;   
    height: 50px;   
}   
    
#contents dl.serviceList > dd {   
    min-height: 50px;   
    height: auto;   
}  

/* -- ページトップ -- */
#pegetop {
 text-align: right;
 font-size: 0.85em;
 margin: 1em 0 1em 0; /* 空白上右下左を指定 */
 padding: 1em 7px 5px 0;
 border-bottom: 1px #4682B4 dotted; 
}


/* -- ボックス用 -- */
#setumei { 
 margin-bottom: 0.9em;
 background-color: #f7f7f7; 
 padding: 12px 20px;
 line-height: 1.5em;
 font-size: 0.95em;
 color: #333333; 
}

#help { 
 margin-bottom: 0.8em;
 background-color: #e8ffdf; 
 padding: 12px 15px;
 line-height: 1.5em;
 font-size: 0.82em;
 color: #333333; 
}