@charset "UTF-8";

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

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

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

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

img{
  border:0px;
  }

/* ---------------------------------------- フォントスタイル フォントサイズ */
body {
  font-size: 0.85em;
  color: #1B1B1B;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
}

/* ---------------------------------------- レイアウトに関する指定 */

#wrapper {
  text-align: left;
  margin: 0 auto;
  width: 970px;
  background-image: url(../img/bg.png);
  background-repeat: repeat-y;
  background-position: center;
}

#header {
  width: 950px;
  height: 120px;
  padding: 0;
  margin: 0;
  margin-left: 10px;
}

#topimage {
  width: 950px;
  height: 370px;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-bottom: 10px;
}

#contents {
  float: right;
  width: 640px;
  margin-right: 60px;
  padding: 20px 0px 30px 0px;
}

#sidebar {
  float: left;
  width: 180px;
  margin:0 0 20px 30px;
  padding: 10px;
}

#footer {
  clear: both;
  width: 950px;
  margin-left: 10px;
  padding: 1em 0 1em;
  border-top: 5px solid #cc3300;
}
#copy {
  clear: both;
  width: 950px;
  margin-left: 10px;
  padding: 1em 0 1em;
  background-color: #cc3300;
  text-align: center;
  color: #fff;
}

/* ---------------------------------------- #header内の指定 */

/* -- サイト名 -- */
.logo {
  width: 430px;
  float: left;
  margin: 15px 10px  0px 20px;
  padding: 0;
}

/* -- 検索窓 -- */
#search {
  float: right;
  width: 300px;
  height: 60px;
  margin: 60px 10px  0px 0px;
  padding: 0;
}
#searchform {
	position: relative;
}
#keywords	{
	width: 225px;
	height: 26px;
	background: url(../img/search.gif) no-repeat;
	border: 1px solid #CCC;
	padding: 5px 2px 0 20px;
}
#searchBtn	{
	position: absolute;
	top: 0;
	left: 230px;
}



/* ---------------------------------------- #contents内の指定 */

/* -- 見出し -- */
h1{
  width: 640px;
  height: 57px;
  font-size: 22px;
  background: url(../img/h1-bg.gif) no-repeat;
  margin-bottom: 0.5em ;
  padding: 12px 20px;
  color: #CC3300;
  font-weight: bold;
}
h2 {
  font-size: 1.4em ;
  color: #CC3300 ;
  font-weight: bold;
  margin-left: 5px ;
  margin-bottom: 1em;
  padding: 0 0.5em ;
  border-left: 7px solid #CC3300 ;
}
h3 {
	font-size: 1.3em;
	margin-bottom: 1em;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CC3300;
	margin-top: 1em;
	margin-right: 0;
	margin-left: 5px;
	color: #CC3300;
}
h4,h5,h6 {
  font-size: 1.1em;
  margin-bottom: 0.4em;
  margin: 1em 0 0.5em 5px;
}


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

/* -- パン屑リスト -- */
#contents .topic-path {
  line-height: 1em;
  margin-bottom: 1.2em;
  font-size: 0.9em;
  color: #535353;
}


/* -- 以下 リスト関係 -- */
#contents dl { margin: 1em; }

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

#contents dd {
 margin: 0 0 1em 1em; 
}

#contents ul { 
  margin: 1em 0 1em 2em;
}
#contents ol { margin: 1em 0 1em 30px; }
#contents li { 
  margin-bottom: 0.5em;
}

.red-disk { 
  margin: 1em 0 1em 3em;
  list-style-image: url(../img/list.gif);
}

/* ---------------------------------------- #sidebar内の指定 */

/*　左サイドナビ　※後で要カスタマイズ（HTMLソース単純化）　*/
.sidetab {
	 width: 180px;
	 margin-top: 10px ;
	 background: url(../img/tab-bg.gif);
	 }

.sidetab ul {
	list-style:none;
	padding: 0px;
	margin-top: 1em;
	margin-right:  0;
	margin-left:  10px;
	width: 170px;
	 }
.sidetab li{
	padding:0 0 0 16px;
	margin: 0.2em 0 ;
	background:url(../img/point-red.gif) no-repeat;
	 }

.member {
	 width: 180px;
	 margin-top: 10px ;
	 background: url(../img/tab-bg.gif);
	 }

.member ul {
	list-style:none;
	padding: 0px;
	margin-top: 1em;
	margin-right:  0;
	margin-left:  10px;
	width: 170px;
	 }	 
.kisyou{
	padding:8px 0 0 40px;
	margin: 0.5em 0 ;
	background:url(../img/icon-kisyou.gif) no-repeat;
	 }
.fax{
	padding:8px 0 0 40px;
	margin: 0.5em 0 ;
	background:url(../img/icon-fax.gif) no-repeat;
	 }

.sidetab a:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
.member a:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

#sidebar p {
  font-size: 0.9em;
  margin-top: 2em ;
}


/* ---------------------------------------- #footer内の指定 */

/* -- ページの上へ戻る -- */
.pageup {
  clear: both;
  width: 935px;
  margin-left: 10px;
  text-align: right;
  font-size: 0.95em;
}
.pageup img {
  margin: 0 0 5px 4px;
  vertical-align: middle;
}

#footer p { text-align: center; }


/* ---------------------------------------- その他　装飾 */
.coution{
	margin: 0 0 1em 0;
	padding: 1em 1em 0 1em;
	border: 1px dashed #FF0000;
	color: #FF0000;
	text-align: center;
}
.imagebox {
	float: right;
	margin: 0px 0 1em 2em;
	color: #669900;
	text-align:center;
}

.imagebox img {
	margin:0 0 10px 1em;
}   
.waku1{
	margin: 0 0 1em 0;
	padding: 1em 1em 0.5em 1em;
	border: 1px solid #CCCCCC;
}
.bar {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 1em;
	margin-bottom: 1em;
}


.xls { list-style-image: url("../img/icon-excel.gif") }
.ppt { list-style-image: url("../img/icon-ppt.gif") }
.pdf { list-style-image: url("../img/icon_pdf.gif") }
.doc { list-style-image: url("../img/icon-word.gif") }
.mp3 { list-style-image: url("../img/icon-mp3.gif") }
.mov { list-style-image: url("../img/icon-mov.gif") }
.link-o { list-style-image: url("../img/link-own.gif") }
.link-a { list-style-image: url("../img/link-away.gif") }
.link-m { list-style-image: url("../img/icon-mobile.gif") }

.linkthumb {
	background:transparent url(../img/linkthum.gif) center right no-repeat;
	padding-right:15px;

}

/* ---------------------------------------- テーブル */
.table01{
	padding: 5px;
	font-size: 100%;

}
table.table01 th,
table.table01 td {
  border: solid 1px #999;
  padding: 4px 6px;
}

table.table01 th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #666;
}

table.table01 td.course {
  text-align: center;
  font-size: 100%;
  font-weight: bolder;
}

table.table01 td.time,
table.table01 td.fee {
  text-align: right;
  white-space: nowrap;
}


table,tr,td {
  font-size: 1em;
}


.blognavi li {
	margin-left: 16px;
	margin-bottom:10px;
}

.blognavi_t{
	font-size:1.2em;
	border-left:solid #900 3px;
    padding-bottom:3px;	
	padding-left:3px;
	margin-bottom:5px;
	margin-left:5px;
	
}