@charset "iso-2022-jp";

/* -----------------------------------------------
CSS file Homewith.net - PET.
FileName:base.css
Author:UNITEAIR
UpdatedBy:who-when
----------------------------------------------- */

/* header [ ADD 2008/05/13 ]
********************************************************************************/

dl,dt,dd{margin:0;padding:0;}

#pet_globalheader {
	background:#FFF url(../../../images/pet/basic/bg_header_01.gif) center top no-repeat;
	min-width:980px;
	text-align:center;
}

	#pet_globalheader .cometotheend {
		padding-bottom:15px;
		background:url(../../../images/pet/basic/bg_gheader_01.gif) left bottom repeat-x;
	}
	#pet_globalheader #header_area {
		margin:0 auto;
		width:980px;
		min-height:65px;
		background:#FFF url(../../../images/pet/basic/bg_header_02.gif) right top no-repeat;
		text-align:left;
		position:relative;
	}
	* html #pet_globalheader #header_area {
		height:65px;
	}
	#pet_globalheader #header_area #site_id {
		width:134px;
		height:43px;
		position:absolute;
		top:18px;
		left:15px;
	}
	#pet_globalheader #header_area .block_tagline {
		padding:18px 0 0 178px;
		font-weight:bold;
		line-height:1;
		float:left;
	}
	#pet_globalheader #header_area .block_navi {
		padding:9px 0 0 163px;
		clear:both;
	}
	#pet_globalheader #header_area .block_navi ul {

	}
	#pet_globalheader #header_area .block_navi ul li {
		padding-right:3px;
		background:url(../../../images/pet/basic/bg_dotted_01.gif) right top repeat-y;
		float:left;
		text-align:center;
	}
	#pet_globalheader #header_area #block_personal {
		margin-top:3px;
		padding-right:9px;
		float:right;
	}
	#pet_globalheader #header_area #block_personal dl {

	}
	#pet_globalheader #header_area #block_personal dl dt {
		padding:2px 21px 0 0;
		float:left;
	}
	#pet_globalheader #header_area #block_personal dl dd {
		float:left;
	}
	#pet_globalheader #header_area #block_personal dl dd ul li {
		display:table-cell;
		padding:0 6px 0 7px;
		background:url(../../../images/pet/basic/bg_dotted_02.gif) left center no-repeat;
		vertical-align:middle;
		font-size:100%;/* FOR PET SITE */
	}
		* html #pet_globalheader #header_area #block_personal dl dd ul li {
			display:inline;
			zoom:1;
		}
		*:first-child+html  #pet_globalheader #header_area #block_personal dl dd ul li {
			display:inline;
			zoom:1;
		}
	#pet_globalheader #header_area #block_personal a:link {
		color:#029;
		text-decoration:underline;
	}
	#pet_globalheader #header_area #block_personal a:visited {
		color:#029;
		text-decoration:underline;
	}
	#pet_globalheader #header_area #block_personal a:hover {
		color:#029;
		text-decoration:underline;
	}
	#pet_globalheader #header_area .block_gsearch {
		float:right;
		padding:0 15px 0 0;
		margin-top:13px;
		width:349px;
	}
	#pet_globalheader #header_area .block_gsearch dl dt,
	#pet_globalheader #header_area .block_gsearch dl dd {
		float:left;
	}
	#pet_globalheader #header_area .block_gsearch dl dt {
		padding:6px 17px 0 0;
	}
	#pet_globalheader #header_area .block_gsearch dl dt img {
		display:block;
	}
	#pet_globalheader #header_area .block_gsearch dl dd.input {
		border:solid 1px #A5ACB2;
		margin-right:7px;
	}
	#pet_globalheader #header_area .block_gsearch dl dd input.ginput {
		width:172px;
		vertical-align:bottom;
		border:none!important;
		height:13px!important;
		height /**/:19px;
	}
	#pet_globalheader #header_area .block_gsearch dl dd input.ginputbtn {
		vertical-align:bottom;
		border-left:solid 1px #B1B7BC;
	}


	/* clear fix */
	#pet_globalheader #header_area{
		/* \*/ /*/
		display:inline-block;
		/* */
		/* \*/
		height:1%;
		/* */
	}
	#pet_globalheader #header_area:after{
		content:".";
		height:0px;
		clear:both;
		display: block;
		visibility:hidden;
	}



/******************************** globalheader ********************************/

#globalheader{
	border-bottom:1px solid #54ad76;
	width:100%;
	background:url(../../../images/pet/basic/bg_gheader_01.gif) repeat-x left bottom #fff;
	text-align:center;
}

	#globalheader .layer{
		margin:0 auto;
		padding:17px 0 18px 0;
		width:820px;
		text-align:left;
	}

	#globalheader #identity{
		float:left;
		width:163px;
	}

	#globalheader #iami{
		float:left;
		width:300px;
	}



/******************************** topicpath ********************************/

#topicpath{
	padding:6px 0 0 0;
	border-top:1px solid #d2dadb;
	width:100%;
	text-align:center;
}

	#topicpath ul{
		margin:0 auto;
		width:820px;
	}

	#topicpath li{
		margin:0 11px 0 0;
		float:left;
		font-size:70%;
	}



/******************************** contentslayer ********************************/

#contentslayer{
	width:100%;
	background:url(../../../images/pet/basic/bg_clayer_01.gif) repeat;
	text-align:center;
}

	#contentslayer .layer{
		width:100%;
		background:url(../../../images/pet/basic/bg_clayer_02.gif) repeat-x left top;
		text-align:center;
	}

		#contentslayer .layer .nodecompress{
			width:100%;
			text-align:center;
		}

#contentslayer .layer .nodecompress{
	background:url(../../../images/pet/basic/bg_clayer_04.gif) no-repeat center top;
}

html[xmlns]>/**/#contentslayer .layer .nodecompress{
	background:url(../../../images/pet/basic/bg_clayer_03.gif) repeat-y center #d2d7e0;
}



/******************************** localheader ********************************/

#localheader{
	margin:0 auto;
	width:820px;
	background:url(../../../images/pet/basic/bg_lheader_01.jpg) no-repeat;
	text-align:left;
}



/******************************** contentnavi ********************************/

#contentnavi{
	margin:0 auto;
	width:820px;
	height:30px;
	background:url(../../../images/pet/basic/bg_contentnavi_01.gif) no-repeat;
	text-align:left;
}

	#contentnavi li{
		float:left;
		line-height:0;
		font-size:1px;
	}



/******************************** contents ********************************/

#contents{
	margin:0 auto;
	padding:9px 0 0 0;
	width:820px;
	background:url(../../../images/pet/basic/bg_clayer_05.gif) repeat;
	text-align:left;
}

	#contentslayer .layer #contents .nodecompress{
		padding:0 0 45px 0;
		width:820px;
		background:url(../../../images/pet/basic/bg_clayer_06.gif) no-repeat left bottom;
		text-align:left;
	}

	#contents #pagettl{
		margin:0 auto;
		text-align:center;
	}

	#contents #bodyarea{
		margin:0 0 0 10px;
		display:inline;
		float:left;
		width:578px;
		text-align:left;
	}

	#contents #subarea{
		margin:0 10px 0 0;
		display:inline;
		float:right;
		width:210px;
		text-align:left;
	}

	#contents #bodyarea-wide{
		margin:0 0 0 10px;
		width:800px;
		text-align:left;
	}






/******************************** globalfooter ********************************/

#globalfooter{
	padding:12px 0 0 0;
	border-top:1px solid #e4e3d2;
	width:100%;
	background:url(../../../images/pet/basic/bg_gfooter_01.gif) repeat-x left top;
	text-align:center;
}

	#globalfooter .submenu{
		padding:0 0 8px 0;
		width:100%;
		border-bottom:2px solid #02802a;
		text-align:center;
	}

		#globalfooter .submenu ul{
			margin:0 auto;
			width:820px;
			line-height:1;
			text-align:center;
		}

		#globalfooter .submenu li{
			display:inline;
			line-height:1;
		}

	#globalfooter .declare{
		margin:0 auto;
		padding:10px 0;
		width:800px;
		text-align:left;
	}

		#globalfooter .declare address{
			float:left;
			font-size:11px;
		}

		#globalfooter .declare p{
			float:right;
			font-size:11px;
		}



/******************************** other ********************************/

a.joint img{
	border:2px solid #666;
}

a:hover.joint img{
	border:2px solid #093;
}



/******************************** notice ********************************/

.noticeblock{
	margin-left:10px;
	padding-top:10px;
	clear:both;
	width:800px;
}
	.noticeblock p{
		color:#333;
		font-size:70%;
	}
	.noticeblock p.ttl{
		float:left;
		width:50px;
		color:#333;
		font-size:70%;
	}
	.noticeblock ul{
		float:right;
		width:750px;
	}
		.noticeblock li{
			padding-left:8px;
			background:url(../../imgs/parts/prt_dot_bk_01.gif) no-repeat 2px 0.45em;
			color:#333;
			font-size:70%;
		}



/******************************** globalheader ********************************/

.preloading{
	padding:100px 0;
	text-align:center;
}



/* CSS Document */