@charset "iso-2022-jp";

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

path
/common/styles/module/top.css

----------------------------------------------- */

/* module */
 
.topmod001{
	width:570px;
	margin:0 0 10px 0;
	padding:2px;
	border:2px solid #c7a464;
	background:#fff;
}
	.topmod001 .case-module{
		width:100%;
		background:url(../../../images/pet/module/top/topmod001_bg_01.gif) no-repeat #bba73b;
	}

	.topmod001 .visual{
		padding:2px 0;
		float:left;
		width:252px;
		text-align:center;
	}

	.topmod001 .detail{
		float:left;
	}
		.topmod001 .detailM{
			position:relative;
			width:316px;
			height:185px;
			overflow:hidden;
		}

		.topmod001 .detail .ttl{
			position:absolute;
			top:24px;
			right:0;
			width:284px;
			color:#fff;
			font-size:16px;
			text-align:left;
		}

		.topmod001 .detail .lead{
			position:absolute;
			top:62px;
			right:18px;
			width:284px;
			color:#fff;
			font-size:12px;
			text-align:right;
		}

		.topmod001 .detail .btn{
			position:absolute;
			top:145px;
			right:12px;
		}



/* module */

.topmod002{
	margin:0;
	padding:10px 0 18px 0;
	border-width:0 2px 2px 2px;
	border-color:#fe5e26;
	border-style:solid;
	background:#fff;
}
	.topmod002 .box1{
		margin:0 7px;
		width:560px;
		background:url(../../../images/pet/module/top/topmod002_bg_01.gif) #f2f1e8;
	}
		.topmod002 .box1 .box1L{
			padding:11px 0 11px 10px;
			float:left;
			width:256px;
		}
		.topmod002 .box1 .box1R{
			padding:11px 10px 11px 0;
			float:right;
			width:256px;
		}
		.topmod002 .box1 .visual{
			float:left;
			width:80px;
		}
		.topmod002 .box1 .detail{
			float:right;
			width:165px;
		}
			.topmod002 .box1 .lead{
				padding-top:3px;
				line-height:1.2em;
			}
			.topmod002 .box1 .link{
				padding-top:6px;
				font-size:70%;
			}
	.topmod002 .ttl{
		margin:10px 6px 0 6px;
	}
	.topmod002 .box2{
		margin:0 14px;
		width:546px;
		background:url(../../../images/pet/module/top/topmod002_bg_02.gif) no-repeat right top;
	}
		.topmod002 .box2 .box2L{
			float:left;
			width:265px;
		}
		.topmod002 .box2 .box2R{
			float:right;
			width:265px;
		}
		.topmod002 .box2 h4{
			padding:8px 0 7px 0;
		}
		.topmod002 .box2 ul li{
			margin-top:1px;
			padding:0;
			border-bottom:solid 1px #b7b7b7;
			line-height:1.0em;
		}
		.topmod002 .box2 ul li a{
			margin:0;
			padding: 6px 0 5px 0;
			display:block;
			width:265px;
			color:#000;
		}
		.topmod002 .box2 ul li a:link, .topmod002 .box2 ul li a:visited{
			background:url(../../../images/pet/module/top/topmod002_bg_04.gif);
			text-decoration:none;
		}
		.topmod002 .box2 ul li a:hover, .topmod002 .box2 ul li a:active{
			background:url(../../../images/pet/module/top/topmod002_bg_05.gif);
			text-decoration:underline;
		}
		.topmod002 .box2 ul li a span{
			padding: 0 5px 0 17px;
			display:block;
			width:243px;
			background:url(../../../images/pet/module/top/topmod002_bg_03.gif) no-repeat 9px 0.2em;
			cursor:pointer;
		}

	.topmod002 .box3{
		margin:0 6px;
		padding-top:11px;
		width:562px;
	}
		.topmod002 .box3 .box3L{
			float:left;
			width:273px;
		}
			.topmod002 .box3 .box3L ul{
				margin-left:8px;
			}
		.topmod002 .box3 .box3R{
			float:right;
			width:273px;
		}
			.topmod002 .box3 .box3R ul li{
				margin-right:5px;
				float:left;
				width:130px;
			}
				.topmod002 .box3 .box3R ul li a{
					width:130px;
				}
				.topmod002 .box3 .box3R ul li a span{
					width:108px;
				}

		.topmod002 .box3 ul li{
			margin-top:1px;
			padding:0;
			border-bottom:solid 1px #b7b7b7;
			line-height:1.0em;
		}
		.topmod002 .box3 ul li a{
			margin:0;
			padding: 6px 0 5px 0;
			display:block;
			width:265px;
			color:#000;
		}
		.topmod002 .box3 ul li a:link, .topmod002 .box3 ul li a:visited{
			background:url(../../../images/pet/module/top/topmod002_bg_04.gif);
			text-decoration:none;
		}
		.topmod002 .box3 ul li a:hover, .topmod002 .box3 ul li a:active{
			background:url(../../../images/pet/module/top/topmod002_bg_05.gif);
			text-decoration:underline;
		}
		.topmod002 .box3 ul li a span{
			padding: 0 5px 0 17px;
			display:block;
			width:243px;
			background:url(../../../images/pet/module/top/topmod002_bg_03.gif) no-repeat 9px 0.2em;
			cursor:pointer;
		}
		.topmod002 .box3 .lead{
			margin:8px 0 3px 8px;
		}



/* module */

.topmod003{
	margin-top:10px;
	border-bottom:solid 1px #c9c9c9;
	background:#fff;
}
	.topmod003 .box1{
		margin-left:10px;
		padding:10px 0 11px 0;
		width:556px;
		background:  url(../../../images/pet/parts/prt_line_orange_01.gif) repeat-x left bottom;
	}
	.topmod003 .box1.last{
		padding:10px 0;
		background:none;
	}
		.topmod003 .box1 .box1L{
			float:left;
			width:268px;
		}
		.topmod003 .box1 .box1R{
			float:right;
			width:268px;
		}
		.topmod003 .box1 .visual{
			float:left;
			width:81px;
		}
			.topmod003 .box1 .visual img{
				margin-left:1px;
			}
		.topmod003 .box1 .detail{
			float:right;
			width:177px;
		}
			.topmod003 .box1 .detail .link{
				line-height:1.1em;
			}
			.topmod003 .box1 .detail .lead{
				padding-top:8px;
				line-height:1.2em;
			}



/* module */

.topmod004{
	margin-top:10px;
	width:578px;
	background:url(../../../images/pet/module/top/topmod004_bg_01.gif) repeat-y;
}
	.topmod004 .topmod004B{
		padding-bottom:10px;
		width:578px;
		background:url(../../../images/pet/module/top/topmod004_bg_02.gif) no-repeat left bottom;
	}
		.topmod004 .topmod004B .topmod004L{
			float:left;
			width:286px;
		}
			.topmod004 .topmod004B .topmod004L .lead{
				padding:8px 11px 0 11px;
				line-height:1.2em;
			}
			.topmod004 .topmod004B .topmod004L .topmod004LM{
				margin:10px 0 0 11px;
				width:264px;
			}
				.topmod004 .topmod004B .topmod004L .topmod004LM .visual{
					float:left;
					width:60px;
				}
				.topmod004 .topmod004B .topmod004L .topmod004LM .detail{
					float:right;
					width:194px;
				}
					.topmod004 .topmod004B .topmod004L .topmod004LM .date{
						line-height:1.2em;
						color:#fe59ba;
						font-size:70%;
					}
					.topmod004 .topmod004B .topmod004L .topmod004LM .link{
						padding:3px 0 0 0;
						line-height:1.2em;
					}
					.topmod004 .topmod004B .topmod004L .topmod004LM .lead{
						padding:5px 0 0 0;
						line-height:1.3em;
					}

		.topmod004 .topmod004B .topmod004R{
			float:right;
			width:286px;
		}
			.topmod004 .topmod004B .topmod004R .topmod004RM{
				margin-left:10px;
				width:266px;
			}
				.topmod004 .topmod004B .topmod004R .topmod004RM .lead{
					margin-top:6px;
				}
				.topmod004 .topmod004B .topmod004R .topmod004RM .form{
					margin-top:8px;
				}
					.topmod004 .topmod004B .topmod004R .topmod004RM .form textarea{
						width:264px;
						border:solid 1px #a5acb2;
						font-size:100%;
					}
				.topmod004 .topmod004B .topmod004R .topmod004RM .btn{
					margin-top:10px;
					padding-top:6px;
					background:url(../../../images/pet/parts/prt_line_orange_01.gif) repeat-x 1px 0;
					text-align:center;
				}



/* module */

.topmod005{
	margin-top:10px;
	padding:4px;
	background:#fff;
	border-bottom:solid 1px #c9c9c9;
}
	.topmod005 .topmod005M{
		padding-bottom:10px;
		border:solid 1px #f95c25;
	}
		.topmod005 .topmod005M dl{
			margin:8px 0 0 10px;
			width:548px;
		}
			.topmod005 .topmod005M dl dt{
				margin-right:20px;
				float:left;
				width:75px;
				color:#fe59ba;
			}
			.topmod005 .topmod005M dl dd{
				float:right;
				width:453px;
			}



/* module */

.topmod006{
	margin-left:10px;
	padding-top:10px;
	clear:both;
	width: 800px;
}
	.topmod006 p{
		font-size:70%;
	}


/* CSS Document */