@charset "utf-8";


/* =====================================================================
*
*    INDEX
*
*    // ウェブページ用
*
*    1. __mainCont
*       1.1. Top & Bottom Navigation
*
*    2. __webPage
*       2.1. Page Basic Format
*       2.2. Page Main
*		2.3. NoteBook
*		2.4. Comments
*
* =================================================================== */



/* =====================================================================
*
*    1. __mainCont
*
* =================================================================== */


body.under #mainCont .wrapper {
	background-color: #FFF;
}

/* =====================================================================
*
*    2. __webPage
*
* =================================================================== */


/* ---------------------------------------------------------------------
*
*    2.1. Page Basic Format
*
* ------------------------------------------------------------------- */


.bodyBG .cont {margin-bottom:0; padding-top:10px;}


/* ---------------------------------
*    テキスト
*/

.pageBody .textR { text-align: right; }
.pageBody .textL { text-align: left; }
.pageBody .textC { text-align: center; }

.pageBody p {
	padding: 0 8px;
	line-height: 1.7;
}

.pageBody strong {
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight:bold;
	color:#1D6574;
}

/* ---------------------------------
*    小見出し
*/

.pageBody h3 {
	background-repeat:no-repeat;
	height:18px;
	margin:8px 10px 20px;
	width:522px;
}


/* ---------------------------------
*    レイアウト
*/

.pageBody .floatR { float: right; margin: 0 10px 10px 20px; }
.pageBody .floatL { float: left; margin: 0 20px 10px 10px; }

.pageBody div {
	margin-bottom: 16px;
}

.pageBody blockquote {
	margin: 14px 10px 30px 10px;
	padding: 12px 0 0 36px;
	background: url(../common/images/entry_bq_lt.png) left top no-repeat;
}


	.pageBody blockquote .cont {
		padding: 0 36px 9px 0;
		background: url(../common/images/entry_bq_rb.png) right bottom no-repeat;
		line-height: 160%;
	}

	.pageBody blockquote .cont div { margin: 0; }

	.pageBody blockquote p {
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
		padding: 0 0 16px 0;
		line-height: 160%;
	}


.pageBody .attention {
	width: 100%;
	padding: 4px 0 16px 0;
}

.pageBody .attention div.cont {
	padding: 10px;
	margin: 0;
	background: url(../common/images/dotbg_lt_brown.gif);
}

	.pageBody .attention div.cont strong {color:#540F0F;}

.pageBody ul,
.pageBody ol {
	list-style-position: outside;
	margin: 0 10px;
	line-height: 1.6;
}

.pageBody ul li {
	list-style-type: disc;
	padding: 0 0 6px 0;
	margin: 0 0 0 3.1ex;
}

.pageBody ol li {
	list-style-type: decimal;
	padding: 0 0 6px 0;
	margin: 0 0 0 3.1ex;
}

.pageBody div#map div { margin: 0; padding: 0; }


/* ---------------------------------
*    イメージ
*/

.pageBody img.floatR,
.pageBody img.floatL {
	border:5px solid #DDD;
}

.pageBody div.img {
	clear: both;
	margin: 0 7px 10px;
	border:5px solid #DDD;
}


.pageBody img.noshadow { padding: 0; background-image: none; border:none;}


/* ---------------------------------
*    ハイパーリンク
*/

.pageBody div.img a { background-color: transparent; }

.pageBody a.nobg,
#zoom a {
	background: none;
}


/* ---------------------------------
*    オブジェクト
*/

.pageBody object,
.pageBody embed { margin: 0 0 16px 0; }


/* ---------------------------------
*    テーブル
*/

.pageBody table {
	margin-bottom: 16px;
	border:1px solid #D9D3CA;
	border-collapse: collapse;
	border-spacing: 0;
}

.pageBody tr.thead th {
	padding: 8px 10px 5px 10px;
	border-bottom: 1px solid #D9D3CA;
	background: #EBE5DC url(/common/images/cont_dblbdr2.gif) left top repeat-x;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	letter-spacing: 3px;
}

	.pageBody .tableBD th, .pageBody .tableBD td {border-right:1px solid #D9D3CA; border-bottom:1px solid #D9D3CA;}


.pageBody td {
	padding: 8px 10px 5px 10px;
	vertical-align: top;
	border-bottom: #EBE5DC 1px dotted;
	line-height: 1.6;
}

.pageBody tr.tfoot td {
	padding-bottom: 16px;
	border: none;
}

	.pageBody .tableBD tr.tfoot td {border-right:1px solid #D9D3CA;}



/* ---------------------------------------------------------------------
*
*    2.2. Page Main
*
* ------------------------------------------------------------------- */


#pageMain {
	width:578px;
	margin-bottom: 20px;
	/*
	min-height: 1100px;
	height: auto !important;
	height: 1100px;
	*/
}

.pageBody h2 {
	width: 526px;
	height:24px;
	margin: 30px 8px 28px 7px;
	border-left: 1px solid #1B1310;
}

	/* サイトマップ */

	#sitemap  {padding:16px 0 0 12px;}

	#sitemap a {padding-left: 12px; text-decoration:underline;}
		#sitemap a.home {background-image:(../common/images/home_mini.png);}
		#sitemap a.folder {background-image:(../common/images/folder_mini.png);}
		#sitemap a.file {background-image:(../common/images/folder_file.png);}

	#sitemap ul {margin: 0;}

	#sitemap ul li {margin: 0; list-style:none; line-height: 32px;}

	#sitemap ul li ul {padding: 0 0 0 12px;}
	#sitemap ul li ul.category li {background: url(../common/images/line_bk.gif) repeat-y 0 0;}
	#sitemap ul li ul.category li a {margin-left:36px;}

	#sitemap ul li ul li ul.page01 {margin-left:36px;  padding: 0; background: url(../common/images/line_bk.gif) repeat-y 0 0; }
	#sitemap ul li ul li ul.page01 li {margin:0 0 0 36px;}
	#sitemap ul li ul li ul.page02 {margin:0 0 0 34px;}
	#sitemap ul li ul li ul.page03 {margin:0 0 0 34px;}

/* ---------------------------------
*   よくある質問
*/


		#pfaq .pageBody h2.faq01 {margin-top:10px; background: url(../common/images/h2_faq01.png) no-repeat 0 0;}

		ul.faq {
			width:542px; 
			margin:12px 0;
		}
		
		ul.faq li {
			margin:0;
			padding:0;
			list-style-type: none;
		}

		ul.faq li dl dt {
			width: 542px;
			height:38px;
			cursor:pointer;
		}

		
		li#faq01 dl dt {background: url(../common/images/faq01.png) no-repeat 0 0;}
		li#faq02 dl dt {background: url(../common/images/faq02.png) no-repeat 0 0;}
		li#faq03 dl dt {background: url(../common/images/faq03.png) no-repeat 0 0;}
		li#faq04 dl dt {background: url(../common/images/faq04.png) no-repeat 0 0;}
		li#faq05 dl dt {background: url(../common/images/faq05.png) no-repeat 0 0;}
		li#faq06 dl dt {background: url(../common/images/faq06.png) no-repeat 0 0;}
		li#faq07 dl dt {background: url(../common/images/faq07.png) no-repeat 0 0;}
		li#faq08 dl dt {background: url(../common/images/faq08.png) no-repeat 0 0;}
		li#faq09 dl dt {background: url(../common/images/faq09.png) no-repeat 0 0;}
		li#faq10 dl dt {background: url(../common/images/faq10.png) no-repeat 0 0;}
		li#faq11 dl dt {background: url(../common/images/faq11.png) no-repeat 0 0;}
		li#faq12 dl dt {background: url(../common/images/faq12.png) no-repeat 0 0;}
		li#faq13 dl dt {background: url(../common/images/faq13.png) no-repeat 0 0;}
		li#faq14 dl dt {background: url(../common/images/faq14.png) no-repeat 0 0;}
		li#faq15 dl dt {background: url(../common/images/faq15.png) no-repeat 0 0;}
		li#faq16 dl dt {background: url(../common/images/faq16.png) no-repeat 0 0;}
		li#faq17 dl dt {background: url(../common/images/faq17.png) no-repeat 0 0;}
		li#faq18 dl dt {background: url(../common/images/faq18.png) no-repeat 0 0;}
		li#faq19 dl dt {background: url(../common/images/faq19.png) no-repeat 0 0;}
		li#faq20 dl dt {background: url(../common/images/faq20.png) no-repeat 0 0;}
		li#faq21 dl dt {background: url(../common/images/faq21.png) no-repeat 0 0;}
		li#faq22 dl dt {background: url(../common/images/faq22.png) no-repeat 0 0;}
		li#faq23 dl dt {background: url(../common/images/faq23.png) no-repeat 0 0;}
		li#faq24 dl dt {background: url(../common/images/faq24.png) no-repeat 0 0;}

		ul.faq li dl dd {margin-top:12px;}
		
		ul.faq li dl dd p.answer {
			background: url(../common/images/img_answer.gif) no-repeat 15px 0px;
			padding: 1px 12px 18px 42px;
			line-height:1.6;
		}

		ul.faq li dl dd　ul {}

		ul.faq li dl dd ul li {
			list-style-type: disc;
			margin: 0 0 6px 12px ;
		}



/* ---------------------------------------------------------------------
*
*    2.3. NoteBook
*
* ------------------------------------------------------------------- */


	/* 愛し子たちへの手紙-投降フォーム */
	
		#noteBook {
			background:url(../common/images/notebook.png) no-repeat 0 0;
			width:506px;
			height:331px;
			margin: 0 0 36px;
			padding: 30px 36px;
		}
	
		#noteBook .colLetL {
			float:left;
			width:240px;
			padding-right:13px;
			margin-bottom:0;
		}
		
		#noteBook .colLetR {
			position:relative;
			float:right;
			width:240px;
			padding-left:13px;
			margin-bottom:0;
		}
		
		#comment-greeting {width: 496px; margin-bottom: 30px; text-align:right; padding:0 5px; font-size:77%;}
		#comment-greeting a {color: #7F0019;}

		#comments-open, div.comments-open-content {margin-bottom:0;}
		#comments-open-data dl {
			position:relative;
			display: block;
			width: 240px;
			margin-bottom:  16px;
			height: 30px;
		}

		#comments-open-data dl dt                  { float:left; width:56px; padding:0 5px 0 15px; }
		#comments-open-data dl dt label            { width:36px; height: 12px;  padding:6px 0; }
		#comments-open-data dl dt label.name       { background:url(../common/images/form_ttl_name.png) no-repeat 0 50%; }
		#comments-open-data dl dt label.mail       { background:url(../common/images/form_ttl_mail.png) no-repeat 0 50%; }
		#comments-open-data dl dt label.url        { background:url(../common/images/form_ttl_url.png) no-repeat 0 50%; }
		#comments-open-data dl dt label.petname    { background:url(../common/images/form_ttl_petname.png) no-repeat 0 50%; width:48px; }
		#comments-open-data dl dt label.animalfile { background:url(../common/images/form_ttl_animalfile.png) no-repeat 0 50%; }
		
		#comments-open-data dl dd.inputBox { float:right; width:154px; padding-right:10px; }

		#comments-open-data dl dd.inputBox span {
			border:1px solid #CCCCCC;
			display:block;
			padding:1px;
		}
		
		#comments-open-data dl dd.inputBox input {
			width:148px;
			height:18px;
		}
		
		#comments-open-data dl dd.inputBox span input {border:1px solid #CCCCCC;}

		#comments-open-data dl dd.fileBox {
			background: url(../common/images/btn-choose-file.gif) 0 0 no-repeat;
			width: 79px;
			height: 22px;
			display: block;
			overflow: hidden;
			cursor: pointer;
		}

		#comments-open-data dl dd.fileBox input.file {
			position: relative;
			height: 100%;
			width: auto;
			opacity: 0;
			-moz-opacity: 0;
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		}

		#comments-open-text {
			width: 224px;
			padding: 0 8px;
			margin-bottom:8px;
		}

		#comments-open-text label {
			background: url(../common/images/form_ttl_txt.png) no-repeat;
			height: 12px;
			width: 28px;
			margin-bottom: 10px;
		}

		#comments-open-text textarea {
			background-color: #FFF;
			width: 206px;
			height: 172px;
			resize: none;
			overflow: hidden;
			padding: 6px;
			line-height: 1.5;
			font-size: 100%;
			color:#6D6D6D;
		}
		
		#comments-open-text span {
			border:1px solid #CCC;
			display:block;
			padding:1px;
		}
		
		#comments-open-text span textarea { border: 1px solid #CCC; }

		#comments-open-captcha {
			width: 240px;
			height: 0px;
			margin:0;
			overflow: hidden;
		}

		#comment-form-remember-me {
			clear:both;
			height:12px;
			padding:0 8px 0 8px;
			margin-bottom:40px;
			width:80px;
		}

		#comment-form-remember-me span {
			position: relative;
			display: block;
			float: left;
			width: 80px;
			height: 12px;
			padding: 0;
			overflow: hidden;
			cursor: pointer;
		}

		#comment-form-remember-me span.on { background: url(../common/images/hd_cmnt_radio_on.gif) no-repeat 0 2px; }
		#comment-form-remember-me span.off { background: url(../common/images/hd_cmnt_radio_off.gif) no-repeat 0 2px; }
		#comment-form-remember-me span input { width: 0; height: 0; overflow: hidden; visibility: hidden; }
		#comment-form-remember-me label {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			height: 12px;
			overflow: hidden;
			text-indent: -9999px;
			cursor: pointer;
		}

		#comment-form-remember-me label { width:68px; height: 12px; padding-left:12px; background: url(../common/images/form_ttl_remember.gif) right top no-repeat; }
	
		#comments-open-footer {
			position: absolute;
			bottom: 0;
			padding: 0 8px;
			margin-bottom:0;
			width: 224px;
			height: 20px;
			overflow: hidden;
			text-align: center;
		}
		
		#comments-open-footer a.back {
			background: transparent url(../common/images/btn_back.png) no-repeat 0 0;
			width: 82px;
			height: 20px;
			padding-top: 20px;
			overflow: hidden;
			border: none;
			cursor: pointer;
		}
	

		input#comment-submit{
			background: transparent url(../common/images/btn_send.png) no-repeat 0 0;
			width: 82px;
			height: 20px;
			padding-top: 20px;
			overflow: hidden;
			border: none;
			cursor: pointer;
		}

		 input#comment-preview {
			background: transparent url(../common/images/btn_preview.png) no-repeat 0 0;
			width: 82px;
			height: 20px;
			padding-top: 20px;
			overflow: hidden;
			border: none;
			cursor: pointer;
		}
		
		 input#comment-back {
			background: transparent url(../common/images/btn_back.png) no-repeat 0 0;
			width: 82px;
			height: 20px;
			padding-top: 20px;
			overflow: hidden;
			border: none;
			cursor: pointer;
		}

		input#comment-submit:hover, input#comment-preview:hover, input#comment-back:hover {
			background-position: 0 -20px;
			overflow:hidden;
		}

		input#comment-submit:active, input#comment-preview:active, input#comment-back:active {
			background-position: 0 -40px;
		}

/* ---------------------------------------------------------------------
*
*    2.4. Comments
*
* ------------------------------------------------------------------- */


	/* 愛し子たちへの手紙-コメント欄 */
		
		
		#cmntLetView {width:578px;margin-bottom:30px;}
		
		#cmntLetView h3 {
			position:relative;
			background:transparent url(../common/images/h3_letters.png) no-repeat left top;
			overflow:hidden;
			width:578px;
			height:52px;
			z-index:1;
		}
		
		#cmntLetView .cmntUnit {width:562px; padding:8px 8px 0; margin-bottom:24px; }
			#cmntLetView .cmntUnit.firstChild {padding-top:0; margin-top:-12px;}
		
		#cmntLetView .cmntUnit h4 {
			background:transparent url(../common/images/h4_letters.png) no-repeat 0 0;
			width:562px;
			height:24px;
			margin: 0 0 12px;
			padding-top:6px;
			text-align:center;
			font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
			font-weight:bold;
			color: #5C3C13;
		}
		
		#cmntLetView .subBox {width:562px; margin-bottom:12px;}		
		#cmntLetView .mainBox {width:562px; margin-bottom:0;}
		
		#cmntLetView div.date {
			float:left;
			background: url(../common/images/bg_date_sml.png) no-repeat left bottom;
			height:16px;
			width:200px;
			margin: 4px 0 0;
			padding: 0px 0 0 24px;
		}
		
		#cmntLetView div.date span {
			display:none;
			padding-right: 4px;
		}
		
		#cmntLetView div.cmnt {
			float:right;
			background:transparent url(../common/images/cmnt_ttl.gif) no-repeat scroll left top;
			width:44px;
			height:16px;
			margin: 4px 0 0;
			padding-left:52px;
			text-align:right;
		}
		
		#cmntLetView div.cmnt span {
			display: none;
		}
		
		
		
	/* 愛し子たちへの手紙-動物画像 */
		
		
		#cmntLetView .colL {float:left; width:138px;}
		#cmntLetView .colR {float:right; width:424px;}
		
		#cmntLetView .colL a img {
			width: 128px;
			/* height: auto; */
			padding: 4px;
			border:1px solid #CCC19B;
		}

			#cmntLetView .colL a:hover img {border:1px solid #A09468;}

		#cmntLetView .colR p.text {
			font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
			padding: 0 20px 0 21px;
		}
	
		#cmntLetView .colR p.owner {margin-top:10px; text-align:right;}