@charset "Shift_JIS";

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


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

/*########################################

[1]リンク指定 */









/*########################################

[2]CSS.DesignSampleへのリンク指定 */
#footer #cds {
  font-size: 0.8em;
  text-align: right;
  color:#999999;
  background-color: transparent;
  margin : 0px 0px 0px 0px;
  padding-right: 40px;
}

#footer #cds a {
  color:#999999;
  background-color: transparent;
  text-decoration: none;
}

/*########################################

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

BODY {
  font-size: 0.9em;
  text-align: center;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" sans-serif;
  padding: 0;
  margin: 0;
  color : #666666;
}

/*-- 全体を囲んでいます --*/
#wrapper {
  text-align: left;
  width: 820px;
  margin: 0 auto;
  background: url(../img/bg-wrapper.jpg) repeat-y 0 0;
}

/*-- ヘッダー部分 --*/
#header {
  width: 100%;
  height : 160px;
  position: relative;
  background : url(../img/bg-header.gif) no-repeat 0px 0px;
  color : white;
}

#header-inner {
  width: 740px;
  height: 120px;
  position: relative;
  top: 40px;
  left: 40px;
  background: url(../img/001.jpg) no-repeat 100% 70%;
}

/*-- コンテナー部分 --*/
#container {
	margin: 0 40px; 
}

/*-- コンテンツ部分 --*/
#contents {
  width : 500px;
  float: right;
  margin-bottom : 4px;
}

/*-- サイドバー部分 --*/
#sidebar {
  width : 200px;
  float: left;
  margin-bottom : 6px;
}

/*-- アンダーナビ部分 --*/
#undernavi {
	clear: both; 
}

/*-- フッター部分 --*/
#footer {
  padding : 1em 0px 8px 0px;
  background: url(../img/bg-footer.jpg) no-repeat 0 100%;
}

/*########################################

[4]ヘッダー部分 */

/* サイトタイトル */
h1 {
	font-size: 180%; 
}

/* その他ヘッダー内の文字 */
P.description {
	margin : 18px 0px 5px 0px; 
}

/*########################################

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

/* パン屑リスト */
.topicpath {
	margin-bottom : 2px; 
}

/* 見出し */
h2 {
  font-size: 1em;
  margin: 0 0 2em;
  padding: 1em 0 1em 35px;
  background: url(../img/bg-h2.jpg) no-repeat 0 50%;
}

H3,
H4,
H5,
H6 {
  font-size: 1em;
  margin : 14px 0px 2em 0px;
  padding : 0.5em 0px 5px 35px;
  background : url(../img/bg-h.gif) no-repeat 0px 50%;
  border-bottom : 2px solid #b70000;
}

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

/* 定義リスト */
#contents dl {
	margin: 1em 0 2em; 
}

#contents dt {
  margin-bottom: 0.5em;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
}

#contents dd {
	margin-bottom: 2em; 
}

#new{
	margin-bottom: 0.5em;
}


/* 定義リスト内の文字 */
#contents dd p {
  line-height: 1.5em;
  margin-bottom: 0.5em;
}

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

#contents OL {
	margin : 2px 0px 2px 25px; 
}

#contents LI {
	margin : 0px 0px 2px 0px; 
}

/*########################################

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

/* サイドバータイトル */
.sidetitle {
  font-size: 1em;
  font-weight: bold;
  margin-bottom : 8px;
  padding : 0.5em 0px 0px 20px;
  background : url(../img/bg-h.gif) no-repeat 0px 100%;
}

/*----------------------サイドバー内のDIV
ボーダーはこの部分に指定してあります。
#sidebarで幅を変更した場合など、ここで
メニューなどの幅を指定します。
.localnavi等の幅指定は要りません。
----------------------------------------*/
#sidebar DIV {
  width: 180px;
  margin-bottom : 10px;
  padding : 14px 6px 14px 6px;
  border : 1px solid #cccccc;
}

/* リスト/サイドバーメニュー */
#sidebar .localnavi {
  list-style-type: none;
  list-style-position: outside;
}

#sidebar .localnavi LI {
	margin-bottom : 5px; 
  list-style-image : url(../img/li_red.gif);
  margin-left : 20px;
  
}

/* ULリスト */
#sidebar ul,
#sidebar ol {
	list-style-position: inside; 
}

#sidebar LI {
	margin-bottom: 0.5em; 
  margin-left : 12px;
}

/* DLリスト */  
#sidebar dt {
  margin-bottom: 0.5em;
  border-bottom: 1px solid #cccccc;
}

#sidebar dd {
	margin-bottom: 0.5em; 
}

/*########################################

[7]アンダーナビ内の各部分指定 */
.pagetop {
	text-align: right; 
}

/*########################################

[8]フッター内の各部分指定 */
#footer P {
  text-align: center;
  margin-bottom : 5px;
  color : white;
}
A:hover{
  background-color : #d8d8d8;
}
A:link{
  color : #ff8000;
}
.name{
  
  font-weight : bold;
  
  padding-bottom : 0px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #b90000;
}

.ad{
  margin-top : -14px;
  font-size : 0.9em;
}

.name2{
  
  font-weight : bold;
  
  padding-bottom : 4px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #b90000;
}


TABLE{
  
  width : 500px;
  table-layout : fixed;
  empty-cells : show;
  
border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : #b70000 #b70000 #b70000 #b70000;
  border-collapse : collapse;
  
  
  
  
  
  
  
  
  
  
  
  

  font-size : 1em;
}
TD{
  padding-top : 3px;
  padding-left : 6px;
  padding-right : 3px;
  padding-bottom : 3px;border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : #b70000 #990000 #b70000 #990000;
}
.pin{
  
  
  
  
  
  list-style-type : disc;
  list-style-image : url(../img/pin.gif);
  
}
TH{
  border-top-width : 1px;
  border-bottom-width : 1px;
  border-top-style : solid;
  border-bottom-style : solid;
  border-top-color : #b70000;
  border-bottom-color : #b70000;
  padding-top : 3px;
  padding-bottom : 3px;
  
  text-indent : -15px;
  background-color : #b70000;
  padding-left : 3px;
  padding-right : 3px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-left-color : #b70000;
  border-right-color : #b70000;
  color : white;
}
.flow1{
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #b70000;
  
  
  background-image : url(../img/1.gif);
  background-repeat : no-repeat;
  
  padding-left : 35px;
}

.flow2{
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #b70000;
  
  
  background-image : url(../img/2.gif);
  background-repeat : no-repeat;
  
  padding-left : 35px;
}

.flow3{
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #b70000;
  
  
  background-image : url(../img/3.gif);
  background-repeat : no-repeat;
  
  padding-left : 35px;
}

.flow4{
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #b70000;
  
  
  background-image : url(../img/4.gif);
  background-repeat : no-repeat;
  
  padding-left : 35px;
}

.flow5{
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #b70000;
  
  
  background-image : url(../img/5.gif);
  background-repeat : no-repeat;
  
  padding-left : 35px;
}

.pr{
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #b70000;
  
  
  background-image : url(../img/pr.gif);
  background-repeat : no-repeat;
  
  padding-left : 35px;
  padding-top : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  border-top-width : 1px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-top-style : dotted;
  border-left-style : dotted;
  border-right-style : dotted;
  border-top-color : #b70000;
  border-left-color : #b70000;
  border-right-color : #b70000;
}
#form{
  font-size : 0.9em;
}
#form td{
	border-style : none none none none;
}
#form TABLE{
	border-style : solid solid solid solid;border-width : 1px 1px 1px 1px;border-color : #cccccc #cccccc #cccccc #cccccc;
}
SPAN{
  
  color : red;
}
#form P{
  font-size : 0.8em;
  color : #476921;
}