@charset "Shift_JIS";

/*
[1]全体のリンク指定
[2]CSS.DesignSampleへのリンク指定
[3]レイアウトに関する指定
[4]ヘッダー内の各部分指定
[5]コンテンツ内の各部分指定
[6]サイドバー内の各部分指定
[7]フッター内の各部分指定
*/


/* 一括で全ての要素の余白をゼロに指定 */
* {
  padding: 0;
  margin: 0;
}

/*++++++++++++++++++++++++++++++++++++++++

[1]全体のリンク指定 */

a:link {
  color: #0000ff;
  text-decoration: none;
}

a:visited {
  color: #660066;
  text-decoration: none;
}

a:hover {
  color: #aa0000;
  text-decoration: underline;
}

/*++++++++++++++++++++++++++++++++++++++++

[2]CSS.DesignSampleへのリンク指定 */

#footer #cds,
#footer #cds a,
#footer #cds a:hover {
  font-size: 90%;
  text-align: right;
  color: #999999;
}

/*++++++++++++++++++++++++++++++++++++++++

[3]レイアウトに関する指定 */

body {
  font-size: 90%;
  text-align: center;
/*  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  padding: 0 0 0 0;
  margin: 0;
  background-color: #f0f0e0;
/*  background: url(header.gif) repeat-x 0 0;*/
}

/*-- 全体を囲んでいます --*/

#wrapper {
  text-align: left;
  margin: 0 auto;
  width: 800px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  color: #000000;
}

/*-- ヘッダー部分 --*/
#header {
  width: 800px;
  height: 205px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  background: url(img/header.jpg) no-repeat 0 0;
}

/*-- コンテンツ部分 --*/
#contents {
  float: left;
  width: 770px;
  margin-bottom:4em;
  padding: 0px 10px 0px 10px;
}

/*-- トップバー部分 --*/
#topbar {
  width: 800px;
  text-align: center;
  font-size: 80%;
  padding: 4px 0px 4px 0px;
  margin: 0px 0px 20px 0px;
  background-color: #ffffff;
  background: url(img/topbar_grad.gif) repeat-x;
/*  position:absolute; top:100px;*/
}

#topbar2 {
  text-align: right;
  font-size: 80%;
  padding: 4px 0px 0px 0px;
  margin: -20px 20px 20px 0px;
  background-color: #ffffff;
}

/*-- サイドバー部分 --*/
#sidebar {
  float: right;
  width: 200px;
  margin-bottom:4em;
  padding: 2em 0 2em;
  background-color: #eeeeee;
/*  background: url(img/bg-sidebar.jpg) no-repeat 0 0;*/
}

/*-- フッター部分 --*/
#footer {
  width: 800px;
  height: 26px;
  clear: both;
  padding: 0 0 0 0;
  border-top: 1px solid #9999ff;
  background: url(img/footer.jpg) no-repeat 0 0;
}

/*++++++++++++++++++++++++++++++++++++++++

[4]ヘッダー内の各部分指定 */

/* -- キーワード -- */
h1 {
  font-size: 120%;
  font-weight: bold;
  padding-top: 20px;
  padding-left: 10px;
  padding-bottom: 0.5em;
}

h1 a:link {
  color: #000000;
}
h1 a:visited {
  color: #000000;
}
h1 a:hover {
  color: #aa0000;
}


/* -- ページの概要 -- */
.description {
  font-size: 80%;
	padding: 0.5em 0;
}

strong{
  font-size: 90%;
  font-weight: bold;
  color: #ff0000;
}


/*++++++++++++++++++++++++++++++++++++++++

[5]コンテンツ内の各部分指定 */


/*-- 見出し --*/

h2 {
  font-size: 100%;
  font-weight: bold;
  padding-top: 20px;
  padding-left: 10px;
  padding-bottom: 0.5em;
/*  list-style-image:url(img/sinc_red.gif);*/
  background: url(img/sinc_red.gif) no-repeat 0 28px;
/*  background: url(img/bg-h.jpg) no-repeat 0 50%;*/
}

h3,
h4,
h5,
h6 {
  padding: 6px 0 6px 10px;
}



/* -- 文字 -- */
#contents p {
  line-height: 1.6em;
  margin-left: 1.5em;
  margin-bottom: 0.5em;
}

/* -- リスト -- */
#contents ul { margin: 1em 0 1em 20px; }

#contents ol { margin: 1em 0 1em 25px; }

#contents li {
  line-height: 1.4em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 1em;
  list-style-type: square;
}

#contents dt {
  font-size: 120%;
  line-height: 1.4em;
  margin-left: 0.5em;
  margin-top: 1em;
}

#contents dd {
  line-height: 1.4em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 2em;
  display: list-item;
  list-style-type: square;
}

.photo {
    float: left;
}

.photo img {
	border-width: 0px;
	margin-left:10px; 
	margin-right:15px; 
}

.photo_r {
    float: right;
}

.photo_r img {
	border-width: 0px;
	margin-left:15px; 
	margin-right:10px; 
}

.sign {
  text-align: right;
  font-size: 90%;
  margin-right: 20px;
  margin-bottom: 20px;
}


.ext_link {
  font-size: 80%;
  font-weight: bold;
  color: #888888;
}

.ext_link a:link {
  color: #8888ee;
}
.ext_link a:visited {
  color: #aa8888;
}

.ext_link a:hover {
  color: #cc8888;
}


.comment {
  font-size: 90%;
  color: #888888;
  margin-left: 20px;
}

.strong2 {
  color: #aa0000;
}

/*++++++++++++++++++++++++++++++++++++++++

[6]サイドバー内の各部分指定 */

/*-- サイドバータイトル --*/

.p_sidetitle {
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.5em;
  padding-bottom: 2px;
  border-bottom: 1px solid #666666;
}

/*-- ローカルナビ --*/

.localnavi {
  list-style-type: none;
  width: 180px;
  margin: 0 10px 2em;
}

.localnavi li { display: inline; }

.localnavi li a {
  width: 160px;
  padding: 5px 10px;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #999999;
}

.localnavi li a:hover {
  text-decoration: none;
  border-bottom: 1px solid #880000;
}


/*-- ローカルナビ2 --*/

.localnavi2 {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
}

.localnavi2 li {
  display: inline;
  padding: 0px 0px 0px 8px;
  border-left: 1px dotted #999999;
}

.localnavi2 li a {
  display: inline;
}

.localnavi2 li a:link {
  color: #0000aa;
}

.localnavi2 li a:hover {
  color: #aa0000;
}


/*++++++++++++++++++++++++++++++++++++++++

[7]フッター内の各部分指定 */

/*-- コピーライト --*/

#footer p {
	font-size: 80%;
	text-align: center;
}