/* thinkcopyright.org CSS */



/* 共通スタイル
============================================================= */

a { outline-width: 0px; }
img { border: 0px; }
hr { display: none; }
form { margin: 0px; padding: 0px; }


/* メインレイアウト
============================================================= */

body {
  margin: 0px;
  padding: 0px;
  background: #C2D7E6 url(../images/bg-tile.gif) repeat;
  text-align: center;
}

#contents-box {
  width: 800px;
  margin: 0px auto;
  padding: 0px;
  background: #FFFFFF url(../images/bg.gif) repeat-y left top;
  text-align: left;
}

#contents-left {
  width: 256px;
  float: left;
}

#contents-right {
  width: 534px;
  padding: 10px 0px 20px 0px;
  float: right;
}

#contents-body {
  width: 506px;
  margin: 0px 16px 0px 12px;
}


/* タイトル部
============================================================= */

#head-title h1 {
  background: #FFFFFF url(../images/thinkcopyright-logo.gif) no-repeat left top;
  font-size: 12px;
  text-indent: -9999px;
  margin: 0px 0px 0px 6px;
  padding: 0px;
  width: 256px;
  height: 165px;
}



/* コンテンツメニュー
============================================================= */

#contents-menu ul {
  background: url(../images/left-list-top.gif) no-repeat left top;
  margin: 0px 0px 0px 6px;
  padding: 0px;
}

#contents-menu ul li {
  color: #333333;
  line-height: 140%;
  margin: 0px;
  padding: 5px 10px 5px 10px;
  list-style-type: none;
  border-top:    1px solid #FFFFFF;
  border-bottom: 1px solid #D9C5B8;
}

#contents-menu ul li a, #contents-menu ul li span { display: block;
  background: transparent url(../images/side-list-head.gif) no-repeat left center;
  padding-left: 12px;
}

#contents-menu ul li ul { background-image: none; }  /* 入れ子のリスト */
#contents-menu ul li ul li { border-width: 0px; }  /* 入れ子のリスト */

#contents-menu ul li.li-top {
  padding-top: 10px;
  border-top-width: 0px;
}

#contents-menu ul li.li-bottom {
  border-bottom-width: 0px;
}

#contents-menu a:link    { color: #336699; text-decoration: none; }
#contents-menu a:visited { color: #336699; text-decoration: none; }
#contents-menu a:hover   { color: #489DF2; text-decoration: none; }



/* 右側本文用スタイル
============================================================= */

.paragraph-group {
  padding-bottom: 1em;
}

#contents-right h3 {
  color: #2577B2;
  font-size: 140%;
  font-weight: normal;
  line-height: 140%;
  border-bottom: 1px solid #A4C4DA;
  margin: 0px 0px 0.5em 0px;
}

#contents-right h3.info-label {
  border-bottom-width: 0px;
  margin-bottom: 0px;
}


#contents-right p {
  color: #333333;
  line-height: 150%;
  margin: 0px 0px 2em 0px;
  padding: 0px;  
}

#contents-right strong {
  font-weight: bold;
}

#contents-right a:link    { color: #336699; text-decoration: underline; }
#contents-right a:visited { color: #336699; text-decoration: underline; }
#contents-right a:hover   { color: #489DF2; text-decoration: underline; }



/* 上に戻る
============================================================= */

#to-top p {
  text-align: right;
  clear: both;
  margin: 0px;
  padding-right: 16px;
  background: #FFFFFF url(../images/footer-bg_1.gif) no-repeat left bottom;
}

#to-top a {
  font-size: 12px;
  line-height: 120%;
  padding-left: 14px;
  background: url(../images/to-top.gif) no-repeat left center;
}

#to-top a:link    { color: #336699; text-decoration: none; }
#to-top a:visited { color: #336699; text-decoration: none; }
#to-top a:hover   { color: #489DF2; text-decoration: none; }



/* フッター
============================================================= */

#copyright {
  width: 800px;
  margin: 0px;
  padding: 0px;
  background: #FFFFFF url(../images/footer-bg_2.gif) no-repeat left bottom;
}

#copyright p {
  font-size: 12px;
  line-height: 100%;
  color: #667788;
  text-align: center;
  margin: 0px;
  padding: 20px 0px 20px 0px;
}