@import "default.css";

/*  */

table.center {
	margin: 1em auto;
}

.clear:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
} 

/* トップページ */
	p#topnews {
		font-size: small;
		background: url(../res/news.png) no-repeat 0% 50%;
		padding-left: 32px;
		margin: 0;
		margin-bottom: 3px;
	}

	p#topad {
		font-size: small;
		font-weight: bold;
		margin: 1em 0 0 0;
		text-align: center;
	}

/* 本文 */
	/* 時々の注意書き */
	.info {
		font-size: small;
		border: 1px solid #DDD;
		padding: 0 1em;
		margin-bottom: 1em;
	}

	/* 注意書き・強めの注意書き・警告 */
		.note {
			font-size: normal;
			color: #225F88;
		}
		.note2 {
			font-size: small;
			font-weight: bold;
			color: #007E00;
		}
		.note3 {
			font-size: small;
			color: #225F88;
		}
		.caution {
			color: #DD5555;
			font-weight: bold;
		}

	
	/* テキストの右そろえ */
	.text-right {
		text-align: right;
	}
	/* テキストの中央そろえ */
	.text-center {
		text-align: center;
	}

/* 里親さんを待っている犬猫の数表示 */
	.waiting-count {
		font-weight: bold;
		text-align: center;
	}

/* 里親募集 */
	.to-submit {
		clear: both;
		font-size: 30px;
	}

/* 里親になるまでの流れ */
	.satooya-flow {
		margin: 50px auto;
		padding: 0;
		width: 700px;
		font-size: small;
	}
	.satooya-flow ul {
	}
	.satooya-flow .step {
		margin: 0;
		padding: 5px 10px;
		border: solid #4232DA;
		border-width: 0 2px 2px 2px;
	}
	.satooya-flow .laststep {
		border-color: #02972F;
	}
	.satooya-flow img {
		margin: 0;
		padding: 0;
		clear: both;
	}
	.satooya-flow .option-step {
		background: url(../satooya/res/satooya-flow_through.png) right repeat-y;
		padding-left: 200px;
		mmargin: 0 0 0 200px;
		wwidth: 500px;
	}

/* 移動譲渡会 */
	table.jyoutokai {
		width: 100%;
	}
	table.jyoutokai th,
	table.jyoutokai td {
		padding: 5px;
	}
	table.jyoutokai th {
		white-space: nowrap;
		width: 15%;
	}
	table.jyoutokai td {
		width: 75%;
	}

/* 写真掲載用の基礎クラス */
	/* 横320pxを2枚組み */
	ul.photos2 {
		margin: 1em 0;
		padding: 0;
		width: 760px;
		list-style-type: none;
	}
	ul.photos2 li {
		margin: 1em 30px;
		_margin: 1em 20px;
		width: 320px;
		float: left;
	}
	ul.photos2 p {
		margin: 0;
		font-size: small;
	}

/* ヘッダー */
	#header {
		height: 63px; /* ロゴの高さ */
		background: #DDD url(../res/osanpo_mark_header.png) no-repeat 100% 100%;
	}
	#header img {
		border-width: 0;
		margin: 3px 0 0 0; /* 背景画像の高さ-ロゴの高さ(60px) 0 0 0 */
	}

/* カウンターつきヘッダー */
	#header-counter {
		height: 63px; /* 画像の高さ(=default:49px)+14px(=カウンター全体の高さ) */
		_height: 63px;
		background: #DDD url(../res/osanpo_mark_header.png) no-repeat 100% 0%;
	}
	#header-counter img {
		border-width: 0;
	}
	#header-counter #logo img {
		margin: 3px 0 0 0; /* 領域の高さ - ロゴの高さ(49px) + 1px */
	}
	#header-counter #logo {
		float: left;
	}
	#header-counter #counter { /* カウンター全体の高さは14px */
		background-color: #FFF;
		float: right;
		border: 1px solid #888;
		height: 12px;
		_height: 9px;
		margin: 47px 0 0 0;
		_margin: 49px 0 0 0; /* 画像の高さ 0 1px 0 */
		padding: 1px;
		font-size: 9px;
	}
	#header-counter #counter img {
		vertical-align: text-bottom;
	}
	#header-counter a {
		text-decoration: none;
		color: #000;
	}

/* 犬詳細ページ */
	ul#photos {
		padding: 0;
		margin: 0;
		clear: both;
	}
	ul#photos img {
		border: 0;
	}
	ul#photos li {
		float: left;
		list-style-type: none;
		padding: 8px;
		margin: 4px 4px 15px 4px;
		border: 1px solid;
		border-color: #DDD #888 #888 #DDD;
		width: 200px;
	}
	ul#photos p {
		border: 1px solid;
		border-color: #888 #DDD #DDD #888;
		font-size: small;
		padding: 3px;
	}

/* プライバシーポリシー */
	#privacy-address {
		font-size: small;
		text-align: right;
	}

/* フッター */
	#footer {
		clear: both;
		font-size: small;
		border: solid #888;
		border-width: 1px 0 0 0;
		text-align: center;
		background: #FFFFFF;
	}
	#footer p {
		margin: 0;
	}
	p#footer-menu {
		margin-bottom: 1em;
	}
	#copyright-jp {
		font-size: x-small;
	}

/* メールマガジン */
	/* 紹介・登録・バックナンバー */
	.mmag-header {
		padding: 15px 0 15px 0;
		padding-left: 140px;
		border: 1px solid #AAB;
		border-bottom: 1px dotted #AAB;
	}
	.mmag-backno {
		padding: 15px 0 15px 50px;
		border: 1px solid #AAB;
		border-top: 0px;
		border-bottom: 1px dotted #AAB;
		width: 100%;
		font-size: small;
	}
	.mmag-backno td {
		padding: 3px 5px 3px 5px;
	}
	.mmag-backno th {
		width: 150px;
	}
	td.mmag-backno-date {
		text-align: center;
	}
	.mmag-backno .pdf {
		padding-left: 20px;
		background: 0 50% url(../mmag/res/pdf16.png) no-repeat;
	}
	.mmag-menu {
		padding: 15px 0 15px 50px;
		border: 1px solid #AAB;
		border-top: 0px;
	}
	.mmag-menu ul {
		margin: 0;
	}
	.mmag-menu form input {
		margin: 0;
		padding: 0 3px;
		height: 1.2em;
		vertical-align: middle;
	}
	.mmag-menu form input.input-button {
		height: 1.8em;
	}
	#mmag-inochi {
		background: 20px 50% url(../mmag/photo/mag_inochi.jpg) no-repeat;
	}
	#mmag-rubby {
		background: 20px 50% url(../mmag/photo/mag_rubby.jpg) no-repeat;
	}
	.mmag-body {
		line-height: 1.2;
		font-family: monospace;
		margin: 1em auto 1em 1em;
		padding: 1em;
		border: 1px solid #AAA;
		width: 38em;
	}
	.mmag-html-header {
		border: 1px solid #AAA;
		padding: 0 1em;
	}
	.mmag-html-firstletter {
		font-size: 2em;
	}
	.mmag-html-address {
		text-align: center;
	}

/* シェルターストーリー */
	.shelter-story img {
		border: 0;
	}

/* VET */
	.vet-application-table {
		width: 600px;
	}
	.vet-application-form {
		width: 600px;
		border: 1px solid #AAA;
		padding-bottom: 10px;
	}
	.vet-application-form input {
		margin: 0 2px;
	}
	.vet-application-form dt {
		font-weight: bold;
		margin: 10px 0 0 10px;
	}
	.vet-application-form dd {
		border-bottom: 1px dotted #AAA;
		padding: 0 0 10px 10px;
	}
	.vet-application-form dd.btn {
		padding: 10px 0 10px 0;
		border: 0;
		text-align: center;
	}

/* ライフボートについて */
	.lbj_banner_linktext {
		border: 1px solid #DDD;
		font-size: small;
		padding: 5px;
	}

/* ボラバイト募集 */
.course-menu img {
	border: 0;
}

.course-menu a:hover img, 
.course-menu a:active img {
	border: 0;
}

/* コラム（囲みが必要な文章） */
.column {
	width: 700px;
	margin: auto;
	padding: 1em;
	border: 1px dashed #888;
}

/* table のタイトル行*/
tr.title th {
	color: white;	
	background-color: #00C;
}

.photobox {
	float: left;
	width: 230px;
	margin: 10px;
	text-align: center;
	font-size: small;
}

.chubu-bg {
	background-color: #FFEBD7;
}

/* POWER of LIFE 写真展紹介（写真のカジュアルコピーを防ぐため、背景画像とする） */
img.pol {
	background: url(../news/photo/news_090208al.jpg) no-repeat;
}