@charset "utf-8";

@import "/common/css/base.css";
@import "/common/css/frame.css";

#contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#contents {
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}


/* CONTENTS */
/* コンテンツ独自背景は [body] に設定 */
body{
}
#container {
}
#contentBody {
}
#contents {
}
/* headerBox */
	#contents div.headerBox {
	}
		#contents div.headerBox h1 {
			background: url(../images/title.gif) no-repeat left bottom;
			height: 126px;
			/*\*//*/
			padding-bottom: 126px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
			display: block;
		}
	
	
/* bodyBox  */
	#contents div.bodyBox {
	}
		#contents div.bodyBox h2 {
			background: url(../images/t1.gif) no-repeat left top;
			margin-bottom: 31px;
			height: 153px;
			/*\*//*/
			padding-bottom: 153px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
			display: block;
		}
		#contents div.bodyBox h3 {
			background: url(../images/t2.gif) no-repeat left top;
			margin-bottom: 34px;
			height: 29px;
			/*\*//*/
			padding-bottom: 29px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
			display: block;
		}
		#contents div.bodyBox p.headlead {
			margin-bottom: 30px;
			line-height: 1.9; 
		}
		#contents div.bodyBox p.headlead2 {
			margin-bottom: 54px;
			line-height: 1.9; 
		}
		
		
		#contents div.bodyBox div.listObj {
			background: url(../images/bg_link.gif) repeat-y left top;
			margin-bottom: 60px;
		}
			#contents div.bodyBox div.listObj p.headding {
				height: 76px;
				background-color: #FFF;
			}
				#contents div.bodyBox div.listObj p.headding strong {
					background: url(../images/t3.gif) no-repeat left top;
					height: 46px;
					/*\*//*/
					padding-bottom: 46px;
					/**/
					text-indent: -9999px;
					overflow: hidden;
					display: block;
				}
			#contents div.bodyBox div.listObj div.p1,
			#contents div.bodyBox div.listObj div.p2 {
				float: left;
				width: 205px;
				margin-right: 41px;
			}
			#contents div.bodyBox div.listObj div.p3 {
				float: right;
				width: 205px;
			}
				#contents div.bodyBox div.listObj div.p1 h3,
				#contents div.bodyBox div.listObj div.p2 h3,
				#contents div.bodyBox div.listObj div.p3 h3 {
					margin-bottom: 24px;
					height: 44px;
					/*\*//*/
					padding-bottom: 44px;
					/**/
					text-indent: -9999px;
					overflow: hidden;
					display: block;
				}
				#contents div.bodyBox div.listObj div.p1 h3 {
					background: url(../images/t4.gif) no-repeat center top;
				}
				#contents div.bodyBox div.listObj div.p2 h3 {
					background: url(../images/t5.gif) no-repeat center top;
				}
				#contents div.bodyBox div.listObj div.p3 h3 {
					background: url(../images/t6.gif) no-repeat center top;
				}
				#contents div.bodyBox div.listObj p.lead {
					line-height: 1.9; 
				}

		#contents div.bodyBox div.lineupObj {
			margin-bottom: 72px;
		}
			#contents div.bodyBox div.lineupObj div.headding {
				position: relative;
				height: 198px;
			}
				#contents div.bodyBox div.lineupObj div.headding h2 {
					position: absolute;
					left: -41px;
					top: 0;
					background: url(../images/t7.gif) no-repeat left top;
					margin-bottom: 0;
					width: 779px;
					height: 198px;
					/*\*//*/
					padding-bottom: 198px;
					/**/
					text-indent: -9999px;
					overflow: hidden;
					display: block;
				}
			#contents div.bodyBox div.lineupObj p.image1 {
				position: relative;
				margin-left: -41px;
				top: -5px;
				float: left;
				width: auto;
				margin-bottom: 54px;
			}
			#contents div.bodyBox div.lineupObj p.image2 {
				position: relative;
				margin-right: -41px;
				top: -5px;
				float: right;
				width: auto;
				margin-bottom: 54px;
			}
			#contents div.bodyBox div.lineupObj p.image3 {
				position: relative;
				margin-left: -41px;
				top: -5px;
				float: left;
				width: auto;
			}
			#contents div.bodyBox div.lineupObj div.lineup1 {
				position: relative;
				margin-top: -64px;
				margin-bottom: 45px;
				border: solid 6px #5588cc;
				background-color: #FFF;
				padding: 23px 24px 24px 24px;
			}
				#contents div.bodyBox div.lineupObj div.lineup1 p.icn {
					position: absolute;
					left: -175px;
					top: -28px;
					width: 169px;
					height: 149px;
				}
				#contents div.bodyBox div.lineupObj div.lineup1 h3 {
					float: left;
					background: url(../images/ts1.gif) no-repeat left top;
					margin-bottom: 21px;
					width: 421px;
					height: 49px;
					/*\*//*/
					padding-bottom: 49px;
					/**/
					text-indent: -9999px;
					overflow: hidden;
					display: block;
				}
				#contents div.bodyBox div.lineupObj div.lineup1 p.lead {
					float: left;
					width: 421px;
					margin-bottom: 8px;
					line-height: 1.9;
				}
					#contents div.bodyBox div.lineupObj div.lineup1 p.lead img {
						position: relative;
						margin-left: 4px;
						/*vertical-align: middle;*/
						display: inline;
					}
				#contents div.bodyBox div.lineupObj div.lineup1 p.recommend {
					position: relative;
					margin-top: -63px;
					margin-bottom: 14px;
					float: right;
					width: 186px;
					background-color: #e6edf7;
					line-height: 1.9; 
				}
					#contents div.bodyBox div.lineupObj div.lineup1 p.recommend strong {
						position: absolute;
						left: 9px;
						top: -9px;
						background: url(../images/icn_rec1.gif) no-repeat left top;
						width: 141px;
						height: 22px;
						/*\*//*/
						padding-bottom: 22px;
						/**/
						text-indent: -9999px;
						overflow: hidden;
						display: block;
					}
					#contents div.bodyBox div.lineupObj div.lineup1 p.recommend span {
						padding: 22px 16px 16px 16px;
						font-size: 10px;
						/*\*/
						*font-size: 75%;
						/**/
						display: block;
					}
				#contents div.bodyBox div.lineupObj div.lineup1 ul.link {
					clear: both;
				}
					#contents div.bodyBox div.lineupObj div.lineup1 ul.link li.detail {
						float: left;
						width: 107px;
						height: 23px;
					}
					#contents div.bodyBox div.lineupObj div.lineup1 ul.link li.detail a {
						background: url(../images/btn_detail.gif) no-repeat;
							background-position: 0 0;
						width: 107px;
						height: 23px;
						/*\*//*/
						padding-bottom: 23px;
						/**/
						text-indent: -9999px;
						overflow: hidden;
						display: block;
					}
						#contents div.bodyBox div.lineupObj div.lineup1 ul.link li.detail a:hover {
							background-position: 0 -23px;
						}
					#contents div.bodyBox div.lineupObj div.lineup1 ul.link li.works {
						float: right;
						width: auto;
					}
					#contents div.bodyBox div.lineupObj div.lineup1 ul.link li.works a {
						background: url(/common/images/arw_next.gif) no-repeat right 2px;
						padding-right: 9px;
						line-height: 1.1;
					}
			
			#contents div.bodyBox div.lineupObj div.lineupbox {
			}
			#contents div.bodyBox div.lineupObj div.lineup2 {
				float: right;
				width: 451px;
				margin-bottom: 45px;
			}
			#contents div.bodyBox div.lineupObj div.lineup3 {
				float: right;
				width: 451px;
				margin-bottom: 45px;
			}
			#contents div.bodyBox div.lineupObj div.lineup4 {
				float: left;
				width: 451px;
				margin-bottom: 45px;
			}
			#contents div.bodyBox div.lineupObj div.lineup5 {
				float: left;
				width: 451px;
				margin-bottom: 54px;
			}
			#contents div.bodyBox div.lineupObj div.lineup6 {
				float: right;
				width: 451px;
			}
			
				#contents div.bodyBox div.lineupObj div.lineupbox h3 {
					margin-bottom: 21px;
					width: 421px;
					height: 49px;
					/*\*//*/
					padding-bottom: 49px;
					/**/
					text-indent: -9999px;
					overflow: hidden;
					display: block;
				}
			
				#contents div.bodyBox div.lineupObj div.lineup2 h3 {
					background: url(../images/ts2.gif) no-repeat left top;
				}
				#contents div.bodyBox div.lineupObj div.lineup3 h3 {
					background: url(../images/ts3.gif) no-repeat left top;
				}
				#contents div.bodyBox div.lineupObj div.lineup4 h3 {
					background: url(../images/ts4.gif) no-repeat left top;
				}
				#contents div.bodyBox div.lineupObj div.lineup5 h3 {
					background: url(../images/ts5.gif) no-repeat left top;
				}
				#contents div.bodyBox div.lineupObj div.lineup6 h3 {
					background: url(../images/ts6.gif) no-repeat left top;
				}
				#contents div.bodyBox div.lineupObj div.lineupbox p.lead {
					margin-bottom: 32px;
					line-height: 1.9;
				}
				#contents div.bodyBox div.lineupObj div.lineupbox p.recommend {
					position: relative;
					margin-bottom: 14px;
					background-color: #e6edf7;
					line-height: 1.9; 
				}
					#contents div.bodyBox div.lineupObj div.lineupbox p.recommend strong {
						position: absolute;
						left: 9px;
						top: -9px;
						background: url(../images/icn_rec1.gif) no-repeat left top;
						width: 141px;
						height: 22px;
						/*\*//*/
						padding-bottom: 22px;
						/**/
						text-indent: -9999px;
						overflow: hidden;
						display: block;
					}
					#contents div.bodyBox div.lineupObj div.lineupbox p.recommend span {
						padding: 22px 16px 16px 16px;
						font-size: 10px;
						/*\*/
						*font-size: 75%;
						/**/
						display: block;
					}
				#contents div.bodyBox div.lineupObj div.lineupbox ul.link {
				}
					#contents div.bodyBox div.lineupObj div.lineupbox ul.link li {
						text-align: right;
					}
					#contents div.bodyBox div.lineupObj div.lineupbox ul.link li  a {
						background: url(/common/images/arw_next.gif) no-repeat right 2px;
						padding-right: 9px;
						line-height: 1.1;
					}
					
					
		#contents div.bodyBox div.messageObj {
			border: solid 1px #CCC;
			border-top: solid 4px #cc4455;
			background-color: #f5f5ee;
			margin-bottom: 46px;
			padding-bottom: 21px;
		}
			#contents div.bodyBox div.messageObj h3 {
				border-bottom: solid 1px #CCC;
				background: #FFF url(../images/t_msg.gif) no-repeat 23px 21px;
				margin-bottom: 21px;
				height: 89px;
				/*\*//*/
				padding-bottom: 89px;
				/**/
				text-indent: -9999px;
				overflow: hidden;
				display: block;
			}
			#contents div.bodyBox div.messageObj ul.link {
				position: relative;
			}
				#contents div.bodyBox div.messageObj ul.link li {
					position: absolute;
					left :567px;
					top: -66px;
					width: 105px;
					height: 23px;
				}
					#contents div.bodyBox div.messageObj ul.link a {
						background: #FFF url(../images/btn_msg.gif) no-repeat;
						background-poisition: 0 0;
						height: 23px;
						/*\*//*/
						padding-bottom: 23px;
						/**/
						text-indent: -9999px;
						overflow: hidden;
						display: block;
					}
					#contents div.bodyBox div.messageObj ul.link a:hover {
						background-position: 0 -23px;
					}
			#contents div.bodyBox div.messageObj div.bgbox {
				background: url(../images/bg_msg.gif) repeat left top;
				padding: 0 23px;
			}
				#contents div.bodyBox div.messageObj p.name {
					float: left;
					width: 165px;
					font-size: 10px;
					/*\*/
					*font-size: 75%;
					/**/
				}
					#contents div.bodyBox div.messageObj p.name strong {
						font-size: 14px;
						/*\*/
						*font-size: 154%;
						/**/
						font-weight: bold;
						}
				#contents div.bodyBox div.messageObj div.lead {
					float: right;
					width: 449px;
				}
					#contents div.bodyBox div.messageObj div.lead p.headding {
						margin-bottom: 13px;
						font-size: 16px;
						/*\*/
						*font-size: 133%;
						/**/
						line-height: 1.5;
					}
					#contents div.bodyBox div.messageObj div.lead p.body {
					}
						#contents div.bodyBox div.messageObj div.lead p.body img {
							position: relative;
							margin-left: 4px;
							display: inline;
						}
					
					
		#contents div.bodyBox div.contactObj {
			background: url(../images/bg_contact.gif) repeat left top;
			width: 697px;
		}
		#contents div.bodyBox div.contactObj div.bgbox {
			padding: 6px;
		}
			#contents div.bodyBox div.contactObj h3 {
				border-bottom: solid 1px #CCC;
				background: #F5F5F5 url(../images/tc1.gif) no-repeat 18px 15px;
				margin-bottom: 0;
				height: 46px;
				/*\*//*/
				padding-bottom: 46px;
				/**/
				text-indent: -9999px;
				overflow: hidden;
				display: block;
			}
			#contents div.bodyBox div.contactObj div.linkbox {
				background-color: #FFF;
				padding: 18px 0;
			}
			#contents div.bodyBox div.contactObj div.linkbox div.row {
				background: url(../images/bg_contact2.gif) repeat left top;
				padding: 0 18px;
			}
				#contents div.bodyBox div.contactObj div.linkbox div.mail {
					float: left;
					width: 306px;
				}
					#contents div.bodyBox div.contactObj div.linkbox div.mail h4 {
						background: url(../images/tc2.gif) no-repeat left top;
						margin-bottom: 10px;
						width: 151px;
						height: 15px;
						/*\*//*/
						padding-bottom: 15px;
						/**/
						text-indent: -9999px;
						overflow: hidden;
						display: block;
					}
					#contents div.bodyBox div.contactObj div.linkbox div.mail p.lead {
						line-height: 1.5;
						margin-bottom: 3px;
					}
					#contents div.bodyBox div.contactObj div.linkbox div.mail p.link {
					}
						#contents div.bodyBox div.contactObj div.linkbox div.mail p.link a {
							background: url(/common/images/arw_next.gif) no-repeat 0 2px;
							padding-left: 10px;
							line-height: 1.1;
						}
				#contents div.bodyBox div.contactObj div.linkbox div.tel {
					float: right;
					width: 306px;
				}
					#contents div.bodyBox div.contactObj div.linkbox div.tel h4 {
						background: url(../images/tc3.gif) no-repeat left top;
						margin-bottom: 6px;
						width: 153px;
						height: 15px;
						/*\*//*/
						padding-bottom: 15px;
						/**/
						text-indent: -9999px;
						overflow: hidden;
						display: block;
					}
					#contents div.bodyBox div.contactObj div.linkbox div.tel p.lead {
						line-height: 1.5;
					}
						#contents div.bodyBox div.contactObj div.linkbox div.tel p.lead strong {
							font-size: 18px;
							/*\*/
							*font-size: 148%;
							/**/
							font-weight: bold;
						}