@charset "Shift_JIS";
/* ==========================================================
タイトル：良い声ドットコムスタイルシート
概要：印刷用
作成日：2008.2.16
更新日：2009.5.13

bodyでフォントサイズを11pt、明朝体。bodyとcontainerのautoを無効に。
h1、h2見出しのマージントップを0で調整

========================================================== */
/* 印刷時の改ページ指定 */
.print { page-break-before:always; }

/* url表示 */
#content a:after {
  content:"("attr(href)")";
  font-family: arial,helvetica,sans-serif;
  font-size: 10pt;
}

#content a[href^="/"]:after {
content:"(http://www.yoikoe.com)"attr(href)")";
}

/* 非表示 */
.hidden {
  display: none;
}
/*----------------------
背景
---------------------- */
body {
  margin: 0 ;
  padding : 0;
  text-align:center;
  background-position:50%;
  background: #ffffff;
  color: #666666;
  font-family: "MS P 明朝","serif";
  font-size: 10.5pt;
  line-height: 1.3;
}


/*----------------------
レイアウトの設定
---------------------- */
#container {
  width: 760px;
  margin: 0;
  text-align: left;
}

/* ヘッダー */
#header {
  width: 760px;
  margin: 0;
  padding: 0;
}


/* ヘッダー */
#header-inner {
  width: 750px;
  margin: 0 5px;
  padding: 10px 0px 15px 40px;
  /*border-bottom: dotted 1px #d2b48c;*/
}

/* サイドバー */
#sidebar {
  display: none;
}
/* メインコンテンツ */
#content {
  width: 600px;
  margin-left: 20px;
  padding-right: 10px;

}

/* フッター */
#footer {
  clear:both;
  width: 760px;
}


/*----------------------
パンくずリスト
---------------------- */
ol#topicpath {
  margin: 0;
  padding: 0;
  font-size: 10.5pt;
}

ol#topicpath li {
  float: left;
  padding-right: 7px;
  padding-left: 10px;
  background: url("../images/ico-pan.gif") no-repeat 0 50%;
}

ol#topicpath li.home {
  padding-left: 0;
  background: none;
}

ol#topicpath li em { color: #999999;}

/*----------------------
メインコンテンツナビ
---------------------- */
/* ページ索引 */
ul#index {
  margin: 0 auto 14px;
  font-size: 80%;
  text-align: right;
  word-break: keep-all;
}

ul#index li {
  display: inline;
  padding-right: 7px;
  padding-left: 10px;
  background: url("../images/ico-l.gif") no-repeat 0 50%;
}

ul#index li.nomark {
  background: none;
}

/* このページのトップへ */
.page-up {
  margin: 1.5em 0px;
  font-size: 80%;
  text-align: right;
}

/* トップページへ戻る */
.top-page {
  clear: both;
  margin-bottom: 0px;
  font-size: 90%;
  text-align: left;
}
/*----------------------
ヘッダー
---------------------- */
p#identity {
  margin: -45px 0 0 160px;
  color: #cc9999;
  font-size: 80%;
}

/*----------------------
見出し
---------------------- */
h1 {
  margin:0.5em 0;
  padding: 0px;
  color: #996666;
  font-size: 14pt;
}
h2 {
  margin: 1em 0;
  padding: 0px ;
  border-bottom: dotted 1px #A58870;
  color: #660033;
  font-size: 12pt;
}
h3 {
  margin: 1em 0 0.5em 0;
  padding-left: 10px;
  border-left: 10px solid #cbb298;
  color: #663333;
  font-size: 11pt;
}

h4 {
  margin:0 0 0.5em 0;
  color: #666666;
  font-size: 11pt;
}

/*----------------------
囲み
---------------------- */
.section-lv2 {
  margin: 15px 10px 0;
  padding: 0 10px 10px 10px;
}
.mainbox {
  margin: 0 0 1.5em 0 ;
  padding: 1em ;
}
.section-lv4 {
  overflow: hidden;
  width: 500px;
  border:solid 1px #d5d5d5;
  padding: 10px;
  margin: 0 0 1em 0 ;
}

/*----------------------
テキスト
---------------------- */
/* 段落 */
p {
  line-height: 1.4;
  color: #666666;
}
p.small {
  color: #663333;
}

/* 段落冒頭字下げ */
.indent {
  text-indent: 1em;
}

/* 強調表示 */
span { font-weight: bold;}

em { color:#333333;}

strong { color: #333333;}

/* 定義リスト */
dl dt {
  margin-bottom: 2px;
}
dl dd {
  line-height:1.3;
  margin: 0 0 5px 2em;
}
/*----------------------
その他
---------------------- */
/* 区切り線 */
hr { visibility: hidden;}

/* 印刷の改行指定 */
.print { page-break-after: always;}

/* 写真キャプション */
.caption {
  margin-top: 5px;
  text-align: center;
}

/*----------------------
トップページ
---------------------- */
#catch {
  padding: 4px;
}
ol#catch {
  list-style-type: disc;
  list-style-position: outside;
  line-height: 1.5;
  color: #996633;
}

h2#catch {
  padding: 5px;
  border: none;
  background-image: none;
  color: #ff6699;
}


/*----------------------
lessonページ
---------------------- */
.about {
  padding: 10px;
  border: double #cccccc;
}
#about h3 {
  position: absolute;
  z-index: 1;
  margin-left: 10px;
  padding: 0 5px;
  border: none;
}

.contact {
  padding: 1em;
  line-height: 1.4;
  border: solid 1px #9999ff;
}

/*----------------------
dvdページ
---------------------- */
dl#low  {
  padding: 5px;
  border: solid 1px #cc9999;
}
/* 特定商取引の表示 */
dl dt#low {
  float: left;
  margin: 0 0 0.5em 0;
  padding: 0;
  width: 9em;
}
 dl dd#low {
  margin: 0 0 0.5em 5em;
  padding: 0;
  _height: 1%; /* hack for win IE6 */
}

/* 著作権 */
.copyright {
  margin: 5px 3%;
  padding: 5px 0;
  line-height: 1.1;
  border-top: 1px dotted #cccccc;
  color: #999999;
  font-size: 0.8em;
  text-align: center;
}

/*----------------------
配置に関する設定
---------------------- */
/* 画像センタリング */
.pict {
  display: bloack;
  margin: 0 auto;
}
/* 段落右寄せ */
.right { text-align: right;}

/* 段落左寄せ */
.left { text-align: left;}

/* 段落センタリング */
.center { text-align: center;}

/* ブロック要素右寄せ */
.imgright { float: right;}

/* ブロック要素左寄せ */
.imgleft { float: left;}

/* 回り込み解除 */
.clear { clear:both;}

/* 非表示 */
.hidden { display: none;}