/* @charaset "utf-8"; */

/*------------------------------------
               基本設定
------------------------------------*/

body {
  background-image: url(../image/bg03.gif);
  width: 740px;
  margin: 0px auto;
  text-align: center;
}

div.entire {
  width: 740px;
  background-color: #fff;
  border: #e7e7e7 2px solid;
  color: #333333;
  font-weight: normal;
  font-style: normal;
  line-height: 150%;
  text-align: left;
  padding: 2px;
}

/* 音声ブラウザ向けナビゲーション */
.hide {
  margin: 0px;
  padding: 0px;
  width: 0px;
  height: 0px;
  overflow: hidden;
  position: absolute;
}

/* ヘッダー */
#header div.access_menu {
	float: right;
	width: 210px;
	height: 78px;
	padding-top : 2px;
	padding-right : 2px;
}

html>/**/body #header div.access_menu {
	padding-top: 0px;
	line-height: 80%;
	margin-bottom: 4px;
}

#header div a,img {
	border-width: 0px;
}

#header img.left {
	float: left;
}

#header img.right {
	float:right;
}

/* サイトメニュー・バー */
div#menu1 {
  width: 100%;
  background: url(../image/bg01.gif);
  color: #111;
  text-align:right;
  clear: both;
}

#menu1 ul {
  list-style: none;
  margin-bottom: 0px;
  margin-top: 2px;
  margin-right: 1em;
}

#menu1 li {
  display: inline;
}

#menu1 a:link, #menu1 a:visited { 
  color: #111;
  text-decoration: none;
}

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

ul.style_none {
	list-style-type: none;
}

.clr {
	clear:left;
}

/* フッター */
div#footer {
	clear: both;
	text-align: center;
	padding: 5px;
	background-image: url(../image/bg01.gif);
}

/*------------------------------------
            トップページ
------------------------------------*/
/* ヘッダー */
#header h1 {
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* 左側コラム */
#top_page #left-col h2 {
	margin-top: 2px;
	margin-bottom: 0px;
}

#top_page #left-col h3 {
	border-bottom: double 3px gray;
	margin: 0.5em 10px 0px 10px;
	font-size: 100%;
	color: green;
}

#top_page #left-col h4 {
	margin: 0.3em 10px 0px 10px;
	font-size: 100%;
}

#top_page #left-col img.photo {
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}

#top_page #left-col p {
	margin: 0.5em 10px;
}

#top_page #left-col p.indent2 {
	margin: 0px 10px 1em 25px;
}

#top_page #left-col p.link {
	background: url(../image/tri02c.gif) no-repeat left;
	padding-left: 15px;
}

#top_page #left-col div.fleft {
	float:left;
	width: 335px;
}

#top_page #left-col div.box_middle {
	background: url(../image/box1_m.gif) repeat-y;
	padding: 7px 10px 7px 10px;
}

html>/**/body #top_page #left-col div.box_middle {
	margin-top: -5px;
}

#top_page #left-col div.box_bottom {
	background: url(../image/box1_b.gif) no-repeat;
	height: 8px;
	margin-bottom: 0px;
}

/* 右側コラム */
#top_page #right-col h2 {
	margin-top: 2px;
	margin-bottom: 0px;
}

#top_page #right-col div.brown {
	border-color: #ff66b3;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	padding: 5px;
}

html>/**/body #top_page #right-col div.brown {
	margin-top: -5px;
}

#top_page #right-col div.brown div.link {
	background: url(../image/tri02a.gif) no-repeat left;
	padding-left: 12px;
}

#top_page #right-col div.blue {
	border-color: #6666ff;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	padding: 5px;
}

html>/**/body #top_page #right-col div.blue {
	margin-top: -5px;
}

#top_page #right-col div.blue div.link {
	background: url(../image/tri02b.gif) no-repeat left;
	padding-left: 12px;
}

#top_page #right-col div.gray {
	border-color: #a1a1a1;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	padding: 5px;
}

html>/**/body #top_page #right-col div.gray {
	margin-top: -5px;
}

#top_page #right-col div.gray div.link {
	background: url(../image/tri02c.gif) no-repeat left;
	padding-left: 12px;
}

#top_page #right-col h3 {
	text-align: center;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}

#top_page #right-col img.photo {
	float: left;
	margin-right: 5px;
}

#top_page #right-col dl {
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
 
#top_page #right-col dt {
  padding-left: 20px;
  padding-top:0px;
  padding-bottom:0px;
}

#top_page #right-col div.gray dt {
  background: url(../image/tri01c.gif) no-repeat left;
}

#top_page #right-col ul {
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

html>/**/body #top_page #right-col ul {
	margin-left: -40px;
}

#top_page #right-col li {
  padding-left: 20px;
  padding-top:0px;
  padding-bottom:0px;
}

#top_page #right-col div.brown li {
  background: url(../image/tri01a.gif) no-repeat left;
}

#top_page #right-col div.blue li {
  background: url(../image/tri01b.gif) no-repeat left;
}

#top_page #right-col div.gray li {
  background: url(../image/tri01c.gif) no-repeat left;
}

/*------------------------------------
           サブページ共通
------------------------------------*/

#header img.title {
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
}

.clr_float_left {
	clear: left;
}

.clr_float_both {
	clear: both;
}

div.page_navi {
	text-align: right;
	margin-right: 10px;
	margin-bottom: 5px;
}

img.navi_r10 {
	margin-right: 10px;
}

img.navi_l20r10 {
	margin-left: 20px;
	margin-right: 10px;
}

div#left-col {
  width: 520px;
  margin-bottom:3px;
  padding-top: 2px;
  float: left;
}

div#right-col {
  width: 215px;
  margin-bottom:3px;
  float: right;
}

/*------------------------------------
           教室・講座の一覧
------------------------------------*/

#kyoushitsu_page h1 {
	font-size: 100%;
	margin: 10px auto 10px 10px;
}

#kyoushitsu_page div.board {
	float: left;
	margin-left: 10px;
}

* html #kyoushitsu_page div.board {
	margin-left: 5px;
}

#kyoushitsu_page div.board div.upper {
	width: 358px;
	height: 8px;
	background: url(../image/board1uc.gif) no-repeat right bottom;
}

#kyoushitsu_page div.board div.middle {
	width: 338px;
	padding: 0px 10px;
	background: url(../image/board1mc.gif) repeat-y right;
}

#kyoushitsu_page div.board div.bottom {
	width: 358px;
	height: 9px;
	background:url(../image/board1bc.gif) no-repeat;
}

html>/**/body #kyoushitsu_page div.board div.middle {
	padding-bottom: 10px;
}

#kyoushitsu_page div.board h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	background: url(../image/tri01c.gif) no-repeat left;
	font-size: 100%;
	padding-left: 20px;
	padding-top: 3px;
}

#kyoushitsu_page div.board ul {
	list-style-type: none;
	margin-top: 0px;
}

#kyoushitsu_page div.board img {
	float: left;
}

#kyoushitsu_page div.photo {
	width: 368px;
	float: left;
}

/*------------------------------------
           活動グループの一覧
------------------------------------*/

#katsudou_page h1 {
	font-size: 100%;
	margin: 10px auto 10px 10px;
}

#katsudou_page div.board {
	float: left;
	margin-left: 10px;
}

* html #katsudou_page div.board {
	margin-left: 5px;
}

#katsudou_page div.board div.upper {
	width: 358px;
	height: 8px;
	background: url(../image/board1uc.gif) no-repeat right bottom;
}

#katsudou_page div.board div.middle {
	width: 338px;
	padding: 0px 10px;
	padding-bottom: 10px;
	background: url(../image/board1mc.gif) repeat-y right;
}

#katsudou_page div.board div.bottom {
	width: 358px;
	height: 9px;
	background: url(../image/board1bc.gif) no-repeat;
}

html>/**/body #katsudou_page div.board div.middle {
	padding-bottom: 10px;
}

#katsudou_page div.board h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	background: url(../image/tri01a.gif) no-repeat left;
	font-size: 100%;
	padding-left: 20px;
	padding-top: 3px;
}

#katsudou_page div.board ul {
	list-style-type: none;
	margin-top: 0px;
}

#katsudou_page div.board img {
	float: left;
}

#katsudou_page div.pibox {
  margin: 5px auto 5px 10px;
}

#katsudou_page div.pitop {
  width: 720px;
  height: 10px;
  background: url(../image/waku01.gif) no-repeat center bottom;
}

#katsudou_page div.pitext {
  width: 716px;
  padding-top: 10px;
  border-left: solid 2px #a1a1a1;
  border-right: solid 2px #a1a1a1;
}

#katsudou_page div.pibot {
  width: 720px;
  height: 10px;
  background: url(../image/waku02.gif) no-repeat center top;
}

#katsudou_page div.photo38 {
	float:left;
	text-align: center;
	margin-left: 38px;
}

* html #katsudou_page div.photo38 {
	margin-left: 20px;
}

#katsudou_page div.photo45 {
	float:left;
	text-align: center;
	margin-left: 45px;
}

/*------------------------------------
           　入会案内
------------------------------------*/

#nyukai_page h1 {
	font-size: 100%;
	margin: 10px auto 5px 10px;
}

#nyukai_page h2 {
	font-size: 100%;
	background: url(../image/title2b.gif) repeat-y left bottom;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#nyukai_page #left-col p {
	font-size: 100%;
	margin: 0px 20px 10px 30px;
	text-indent: 1em;
	line-break: strict;
}

#nyukai_page #left-col ul {
	margin-right: 20px;
}

#nyukai_page #left-col div.map {
	margin:auto 20px 20px 20px;
	padding: 10px;
	border: dotted 2px #6666ff;
}

#nyukai_page #right-col div.photo {
	border: solid 1px #6666ff;
	padding: 5px;
	margin-bottom: 3px;
}

#nyukai_page #right-col p {
	font-size: 100%;
	margin: 0px;
	text-indent: 1em;
	line-break: strict;
}

/*------------------------------------
           　問い合わせ
------------------------------------*/

#toiawase_page h1 {
	font-size: 100%;
	margin: 10px auto 10px 10px;
}

#toiawase_page h2 {
	font-size: 100%;
	background: url(../image/title2b.gif) repeat-y left bottom;
	padding-left: 20px;
	margin-left: 20px;
}

#toiawase_page form {
	margin-left: 30px;
}

#toiawase_page input.name {
  width: 300px;
  border: #a1a1a1 1px solid;
  padding: 5px;
  font-size: 120%;
}

#toiawase_page input.mail {
  width: 300px;
  border: #a1a1a1 1px solid;
  padding: 5px;
  font-size: 120%;
}

#toiawase_page textarea {
  border: #a1a1a1 1px solid;
  padding: 5px;
  font-size: 120%;
}

#toiawase_page input.submit {
  width: 6em;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

#toiawase_page p.l30 {
	margin-left: 30px;
}

/*------------------------------------
           　	サイトマップ
------------------------------------*/

#sitemap_page h1 {
	font-size: 100%;
	margin: 10px auto 10px 10px;
}

#sitemap_page ul {
	list-style-type: none;
}

#sitemap_page li.joint {
	background: url(../sitemap/image/joint.gif) no-repeat left;
	padding-left:15px;
	padding-top: 2px;
}

#sitemap_page li.bottom {
	background: url(../sitemap/image/bottom.gif) no-repeat left;
	padding-left:15px;
	padding-top: 2px;
}

#sitemap_page a.layer2 {
	background: url(../image/sq01b.gif) no-repeat left;
	padding-left: 15px;
}

/*------------------------------------
           　	新着情報
------------------------------------*/

#sinchaku_page h1 {
	font-size: 100%;
	margin: 10px auto 0px 10px;
}

#sinchaku_page h2 {
	font-size: 100%;
	background: url(../image/title3b.gif) no-repeat left bottom;
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#sinchaku_page div.waku {
	margin: auto 20px;
	padding: auto 10px;
}

#sinchaku_page p {
	font-size: 100%;
	text-indent: 1em;
	line-break: strict;
	margin-bottom: 0px;
}

/*------------------------------------
           個人情報の扱い
------------------------------------*/

#privacy_page h1 {
	font-size: 100%;
	margin: 10px auto 10px 10px;
}

#privacy_page p {
	margin-left: 100px;
	width: 500px;
	text-indent: 1em;
	line-break: strict;
}

#privacy_page div.l100 {
	margin-left: 100px;
	width: 500px;
	line-break: strict;
}

/*------------------------------------
          Webアクセシビリティ
------------------------------------*/

#access_page h1 {
	font-size: 100%;
	margin: 10px auto 0px 10px;
}

#access_page p.l30 {
	margin-left: 30px;
}

#access_page #left-col h2 {
	font-size: 100%;
	background: url(../image/title2b.gif) no-repeat left bottom;
	padding-left: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#access_page #left-col p {
	font-size: 100%;
	margin: 0px 20px 10px 30px;
	text-indent: 1em;
	line-break: strict;
}

#access_page #left-col p.kakomi {
	border: dashed 2px #bbbbff;
	padding: 10px;
}

#access_page #left-col h3 {
	width: 470px;
	border-bottom: double 3px gray;
	margin: 0.5em 10px 0px 30px;
	font-size: 100%;
	color: green;
}

#access_page #left-col ul {
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 15px;
	line-break: strict;
}

html>/**/body #access_page #left-col ul {
	margin-left: 40px;
}

#access_page #right-col h3 {
	background: url(../policy/image/h3bgc.gif) repeat-x bottom;
	font-weight: bold;
	font-size: 100%;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 0px;
	padding: 5px 10px 3px 10px;
}

#access_page #right-col div.waku {
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #dddddd;
	padding: 5px;
}

#access_page #right-col ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

html>/**/body #access_page #right-col ul {
	margin-left: -20px;
}

#access_page #right-col li {
	list-style-image: url(../image/tri01c.gif);
  padding-top:0px;
  padding-bottom:0px;
}

#access_page #right-col div.waku div {
	margin-left: 40px;
}

#access_page #right-col p {
	font-size: 100%;
	margin-top: 5px;
	text-indent: 1em;
	line-break: strict;
}

/*------------------------------------
   シニアネット仙台とは（組織紹介）
------------------------------------*/

#sosiki_page h1 {
	font-size: 100%;
	margin: 10px auto 0px 10px;
}

#sosiki_page p.l30 {
	margin-left: 30px;
}

#sosiki_page h2 {
	font-size: 100%;
	background: url(../image/title2b.gif) repeat-y left bottom;
	padding-left: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 20px;
}

/*------------------------------------
   会報
------------------------------------*/

#kaihou_page h1 {
	font-size: 100%;
	margin: 10px auto 0px 10px;
}

#kaihou_page h2 {
	font-size: 100%;
	background: url(../image/title3b.gif) no-repeat left bottom;
	padding-left: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#kaihou_page div.waku {
	margin: 0px 20px 0px 20px;
}

#kaihou_page div.left {
	float: left;
	width: 470px;
	padding-left: 10px;
}

#kaihou_page div.title {
	text-align: center;
	font-weight: bold;
}

#kaihou_page div.auther {
	margin-top: 10px;
	text-align: right;
}

#kaihou_page div.right {
	float: right;
	width: 210px;
	text-align: center;
}

#kaihou_page p {
	font-size: 100%;
	text-indent: 1em;
	line-break: strict;
}