@charset "utf-8";
@import "/files/css/common/base.css";
@import "/files/css/common/frame.css";

.row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.row {
	zoom: 1;
}

/* BODY BOX */
#bodyBox {
}
#bodyBox div.container {
}
#bodyBox div.contents {
	padding-top: 11px;
}
#bodyBox div.othercontents {
	padding-top: 24px;
}


/* CONTENTS */
#bodyBox div.tokuchoObj {
	position: relative;
	background: url(/files/images/detail/tkc_frm.gif) no-repeat left bottom;
	margin-bottom: 21px;
	height: 146px;
}
	#bodyBox div.tokuchoObj a {
		position: relative;
		display: block;
		padding-bottom: 22px;
		cursor: pointer;
	}
	#bodyBox div.tokuchoObj a * {
		cursor: pointer;
	}
	
	#bodyBox div.tokuchoObj strong.heading {
		position: relative;
		background: url(/files/images/detail/tkc_hed.gif) no-repeat left top;
		height: 88px;
		/*\*//*/
		padding-bottom: 88px;
		/**/
		text-indent: -9999px;
		overflow: hidden;
		display: block;
	}
	#bodyBox div.tokuchoObj a span.link {
		position: absolute;
		left: 528px;
		top: 8px;
		background: url(/files/images/detail/tkc_btn.gif) no-repeat;
		background-position: 0 0;
		width: 290px;
		height: 48px;
		/*\*//*/
		padding-bottom: 48px;
		/**/
		text-indent: -9999px;
		overflow: hidden;
		display: block;
	}
	#bodyBox div.tokuchoObj a:hover span.link {
		background-position: 0 -48px;
	}
	#bodyBox div.tokuchoObj a:active span.link {
		background-position: 0 -96px;
	}

	#bodyBox div.tokuchoObj span.list {
		position: relative;
		background: url(/files/images/detail/tkc_bg.gif) repeat-y 21px top;
		padding-left: 21px;
		display: block;
	}
		#bodyBox div.tokuchoObj span.list strong {
			height: 36px;
			/*\*//*/
			padding-bottom: 36px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
			display: block;
		}
		#bodyBox div.tokuchoObj span.list strong.p1,
		#bodyBox div.tokuchoObj span.list strong.p2,
		#bodyBox div.tokuchoObj span.list strong.p3 {
			float: left;
			width: 193px;
			margin-right: 31px;
		}
		#bodyBox div.tokuchoObj span.list strong.p4 {
			float: left;
			width: 193px;
		}
			#bodyBox div.tokuchoObj span.list strong.p1 {
				background: url(/files/images/detail/tkc_t1.gif) no-repeat left top;
			}
			#bodyBox div.tokuchoObj span.list strong.p2 {
				background: url(/files/images/detail/tkc_t2.gif) no-repeat left top;
			}
			#bodyBox div.tokuchoObj span.list strong.p3 {
				background: url(/files/images/detail/tkc_t3.gif) no-repeat left top;
			}
			#bodyBox div.tokuchoObj span.list strong.p4 {
				background: url(/files/images/detail/tkc_t4.gif) no-repeat left top;
			}

#bodyBox strong.ttl {
	margin-bottom: 18px;
}
#bodyBox p.ttllead {
	padding: 0 6px;
	margin-bottom: 18px;
}
	#bodyBox p.ttllead strong {
		color: #663333;
		font-weight: bold;
	}
#bodyBox p.ttllead2 {
	padding: 0 6px;
	margin-bottom: 15px;
}
	#bodyBox p.ttllead2 strong {
		margin-bottom: 8px;
		font-size: 16px;
		/*\*/
		*font-size: 133%;
		/**/
		font-weight: bold;
		display: block;
	}
#bodyBox p.ttlnote {
	font-size: 10px;
	/*\*/
	*font-size: 75%;
	/**/
	margin-bottom: 15px;
}
#bodyBox ul.ttllink {
}
	#bodyBox ul.ttllink li {
	}
	#bodyBox ul.ttllink li a {
		width: auto;
		background: url(/files/images/common/arw_next.gif) no-repeat 6px 48%;
		padding-left: 22px;
	}

#bodyBox .bnr{margin-top:30px;}




#bodyBox div.headObj {
	background: url(/files/images/detail/hed_frm1.gif) no-repeat left top;
	margin-bottom: 18px;
	padding-top: 17px;
	color: #663333;
}
	#bodyBox div.headObj div.title {
		position: relative;
		z-index:1;
		background: url(/files/images/detail/hed_frm2.gif) no-repeat left bottom;
		padding: 0 14px 15px 31px;
		line-height: 1.1;
	}
		#bodyBox div.headObj div.title p.sub {
			margin-bottom: 4px;
			font-size: 14px;
			/*\*/
			*font-size: 116%;
			/**/
		}
		#bodyBox div.headObj div.title h1 {
			font-size: 24px;
			/*\*/
			*font-size: 200%;
			/**/
		}
			#bodyBox div.headObj div.title h1 span {
				font-size: 16px;
				/*\*/
				*font-size: 67%;
				/**/
			}

		#bodyBox div.headObj div.title ul.button {
			position: relative;
		}
		#bodyBox div.headObj div.title ul.button li {
			position: absolute;
			top: -38px;
			left: 657px;
			width: 203px;
		}
			#bodyBox div.headObj div.title ul.button li a {
				background: url(/files/images/detail/btn_anchor.gif) no-repeat;
				background-position: 0 0;
				width: 203px;
				height: 29px;
				/*\*//*/
				padding-bottom: 29px;
				/**/
				text-indent: -9999px;
				overflow: hidden;
				display: block;
			}
			#bodyBox div.headObj div.title ul.button li a:hover {
				background-position: 0 -29px;
			}
			#bodyBox div.headObj div.title ul.button li a:active {
				background-position: 0 -58px;
			}


	#bodyBox div.headObj div.keyword {
		position: relative;
		z-index:1;
		margin-top: -4px;
		background: url(/files/images/detail/hed_frm3.gif) no-repeat left bottom;
	}
		#bodyBox div.headObj div.keyword div.bgbox {
			position: relative;
			z-index:1;
			background: url(/files/images/detail/hed_frm4.gif) no-repeat left top;
			padding: 13px 14px 12px 14px;
		}
			#bodyBox div.headObj div.keyword p.hed {
				float: left;
				width: 93px;
				background-color: #FFF;
			}
			#bodyBox div.headObj div.keyword ul {
				position: relative;
				float: right;
				width: 784px;
				padding-top: 5px;
				line-height: 1.1;
			}
				#bodyBox div.headObj div.keyword ul li {
					float: left;
					width: auto;
					padding: 0 10px;
					margin-bottom: 5px;
					border-right: solid 1px #999;
					white-space: nowrap;
				}


#bodyBox div.dataObj {
	margin-bottom: 30px;
}
	#bodyBox div.dataObj div.leftbox {
		float: left;
		width: 652px;
	}
		#bodyBox div.dataObj div.leftbox h2 {
			background: url(/files/images/detail/tit_frm1.gif) no-repeat left bottom;
			height: 41px;
			padding: 0 13px;
			color: #663333;
			font-size: 16px;
			/*\*/
			*font-size: 133%;
			/**/
			font-weight: bold;
			line-height: 41px;
			overflow: hidden;
			display: block;
		}
			#bodyBox div.dataObj div.leftbox h2 span {
				font-weight: normal;
				color: #bbaa99;
			}
		#bodyBox div.dataObj div.leftbox div.tablebox {
			border: solid 1px #ddccbb;
			border-bottom: none;
		}
			#bodyBox div.dataObj div.leftbox div.tablebox table {
				border-collapse: collapse;
				width: 650px;
			}
				#bodyBox div.dataObj div.leftbox div.tablebox table th {
					padding: 10px 12px 9px 12px;
					border-bottom: solid 1px #ddccbb;
					border-right: solid 1px #ddccbb;
					background-color: #fffae6;
					vertical-align: middle;
					text-align: left;
					font-weight: bold;
					color: #663333;
					white-space: nowrap;
				}
				#bodyBox div.dataObj div.leftbox div.tablebox table td {
					padding: 10px 12px 9px 12px;
					border-bottom: solid 1px #ddccbb;
					width: 99%;
					text-align: left;
					vertical-align: middle;
					text-align: left;
				}

	#bodyBox div.dataObj div.rightbox {
		position: relative;
		float: right;
		width: 235px;
	}
		#bodyBox div.dataObj div.rightbox p.hed {
			position: relative;
			z-index: 99;
			background: url(/files/images/detail/tit_frm2.gif) no-repeat left bottom;
			border-bottom: solid 1px #ddccbb;
			height: 41px;
			padding: 0 13px;
			color: #663333;
			font-size: 16px;
			/*\*/
			*font-size: 133%;
			/**/
			font-weight: bold;
			line-height: 41px;
			overflow: hidden;
			display: block;
		}
		#bodyBox div.dataObj div.rightbox div.listbox {
			position: relative;
			z-index: 1;
			margin-top: -2px;
			margin-bottom: 21px;
			border: solid 1px #ddccbb;
			padding: 0 12px;
		}
			#bodyBox div.dataObj div.rightbox div.listbox p {
				background: url(/files/images/common/dot.gif) repeat-x left top;
				padding: 10px 0 9px 0;
			}
				#bodyBox div.dataObj div.rightbox div.listbox p strong{
					color: #663333;
					font-weight: bold;
				}
		#bodyBox div.dataObj div.rightbox ul {
		}
			#bodyBox div.dataObj div.rightbox ul li {
				width: 235px;
				height: 46px;
				display: block;
			}
				#bodyBox div.dataObj div.rightbox ul li a {
					background: url(/files/images/detail/btn_regist.gif) no-repeat;
					background-position: 0 0;
					width: 235px;
					height: 46px;
					/*\*//*/
					padding-bottom: 46px;
					/**/
					text-indent: -9999px;
					overflow: hidden;
					display: block;
				}
				#bodyBox div.dataObj div.rightbox ul li a:hover {
					background-position: 0 -46px;
				}
				#bodyBox div.dataObj div.rightbox ul li a:active {
					background-position: 0 -92px;
				}
		#bodyBox div.dataObj h3 {
			clear: both;
			padding-top: 12px;
			font-size: 10px;
			/*\*/
			*font-size: 75%;
			/**/
			font-weight: normal;
			color: #999;
		}


#bodyBox div.formObj {
	position: relative;
	background: url(/files/images/detail/frm2.gif) no-repeat left bottom;
	padding-bottom: 21px;
	width: 907px;
}
	#bodyBox div.formObj div.headbox {
		height: 100%;
		position: relative;
		background: url(/files/images/detail/frm1.gif) repeat-y left top;
		padding-bottom: 21px;
	}
		#bodyBox div.formObj p.hed {
			background: url(/files/images/detail/tit2.gif) repeat-y left bottom;
			height: 109px;
			/*\*//*/
			padding-bottom: 109px;
			/**/
			text-indent: -9999px;
			overflow: hidden;
			display: block;
		}
		#bodyBox div.formObj p.hedlead {
			position: relative;
			margin-top: -55px;
			text-align: center;
			color: #663333;
			display: block;
		}
	#bodyBox div.formObj div.tablebox {
		background: url(/files/images/detail/frm1.gif) repeat-y left top;
		padding: 0 71px 31px 71px;
	}
	#bodyBox div.confObj div.tablebox {
		height: 100%;
		padding: 0;
	}
		#bodyBox div.formObj div.tablebox p.tit {
			margin-bottom: 3px;
		}
		#bodyBox div.formObj div.tablebox div.box {
			position: relative;
		}
		#bodyBox div.confObj div.tablebox div.box {
			position: relative;
			background: url(/files/images/detail/frm3.gif) no-repeat left top;
			padding: 21px 21px 0 21px;
		}
		/*\*/
		* html #bodyBox div.confObj div.tablebox div.box { height: 100%; }
		/* */
		#bodyBox div.formObj div.tablebox table {
			/*\*/
			*position: relative;
			/**/
			border: none;
			margin: 0;
			padding: 0;
			width: 765px;
		}
		#bodyBox div.confObj div.tablebox table {
			width: 865px;
			margin-bottom: 15px;
		}
			#bodyBox div.formObj div.tablebox table th {
				/*\*/
				*position: relative;
				/**/
				padding: 10px 13px;
				border-bottom: solid 3px #FFF;
				background-color: #f5ebd7;
				vertical-align: middle;
				text-align: left;
				font-weight: bold;
				color: #663333;
				white-space: nowrap;
			}
			#bodyBox div.formObj div.tablebox table tr.necessary th {
				padding: 10px 55px 10px 13px;
				background: #f5ebd7 url(/files/images/detail/icn_ncs.gif) no-repeat 90% 48%;
				border-bottom: solid 3px #FFF;
				vertical-align: middle;
				text-align: left;
				font-weight: bold;
				color: #663333;
			}
			#bodyBox div.formObj div.tablebox table tr.heading th {
				padding: 10px 55px 10px 13px;
				background: none;
				background-color: #FFF;
				border: solid 6px #ddccbb;
				border-right: solid 1px #ddccbb;
				vertical-align: middle;
				text-align: left;
				font-weight: bold;
				color: #663333;
			}
			
			#bodyBox div.formObj div.tablebox table td {
				/*\*/
				*position: relative;
				/**/
				padding: 10px 13px 7px 13px;
				border-left: solid 2px #FFF;
				border-bottom: solid 3px #FFF;
				background-color: #fff5dd;
				text-align: left;
				vertical-align: middle;
				text-align: left;
				width: 99%;
			}
			#bodyBox div.formObj div.tablebox table tr.heading td {
				padding: 10px 13px 7px 13px;
				background: none;
				background-color: #FFF;
				border: solid 6px #ddccbb;
				border-left: none;
				font-weight: bold;
				text-align: left;
				vertical-align: middle;
				text-align: left;
				width: 99%;
			}
				#bodyBox div.formObj div.tablebox table tr.heading td strong {
					font-size: 18px;
					/*\*/
					*font-size: 148%;
					/**/
					font-weight: bold;
				}

			#bodyBox div.formObj div.tablebox table tr.top th {
				border-top: solid 16px #FFF;
			}
			#bodyBox div.formObj div.tablebox table tr.top td {
				border-top: solid 16px #FFF;
				width: 99%;
			}



				#bodyBox div.formObj div.tablebox table td p.p1{
					padding-bottom: 11px;
					margin-bottom: 12px;
					background: url(/files/images/detail/dot.gif) repeat-x left bottom;
				}
				#bodyBox div.formObj div.tablebox table td p.p2{
					position: relative;
					margin-bottom: -2px;
				}
				#bodyBox div.confObj div.tablebox table td p.p1{
					padding-bottom: 11px;
					margin-bottom: 12px;
				}
				#bodyBox div.confObj div.tablebox table td p.p2{
					margin-bottom: 0;
				}
					#bodyBox div.formObj div.tablebox input {
						position: relative;
						top: -2px;
						/*\*/
						*top: -1px;
						/**/
						padding: 3px;
						background-color: #FFF;
						border: 1px solid #7f9db9;
						font-size: 14px;
						/*\*/
						*font-size: 116%;
						/**/
						vertical-align: bottom;
					}
					#bodyBox div.formObj div.tablebox textarea {
						padding: 3px;
						background-color: #FFF;
						border: 1px solid #7f9db9;
						font-size: 14px;
						/*\*/
						*font-size: 116%;
						/**/
						vertical-align: middle;
					}
					#bodyBox div.formObj div.tablebox select {
						position: relative;
						top: -2px;
						/*\*/
						*top: -1px;
						/**/
						vertical-align: middle;
					}
					#bodyBox div.formObj div.tablebox select.address {
						position: relative;
						top: -4px;
						/*\*/
						*top: 0;
						/**/
						vertical-align: middle;
					}
					#bodyBox div.formObj div.tablebox input.f180j {
						ime-mode: active;
						width: 180px;
					}
					#bodyBox div.formObj div.tablebox input.f380j {
						ime-mode: active;
						width: 380px;
					}
					#bodyBox div.formObj div.tablebox input.f420j {
						ime-mode: active;
						width: 420px;
					}
					#bodyBox div.formObj div.tablebox input.f60 {
						ime-mode: disabled;
						width: 30px;
						vertical-align: middle;
					}
					#bodyBox div.formObj div.tablebox input.f140 {
						ime-mode: disabled;
						width: 140px;
					}
					#bodyBox div.formObj div.tablebox input.nostyle {
						padding: 0;
						background: none;
						border: none;
						vertical-align: middle;
					}
					#bodyBox div.formObj div.tablebox textarea {
						position: relative;
						top: -2px;
						/*\*/
						*top: -1px;
						/**/
						width: 97%;
						line-height: 1.7;
					}
				#bodyBox div.formObj div.tablebox table td span.hed {
					width: 30px;
					display: inline-block;
				}
				#bodyBox div.formObj div.tablebox table td span.conflead {
					color: #663333;
				}
				#bodyBox div.formObj div.tablebox table td span.icn {
					display: inline-block;
				}
					#bodyBox div.formObj div.tablebox table td span.icn img {
						position: relative;
						top: 4px;
						/*\*/
						*top: 3px;
						/**/
						display: inline;
					}
				#bodyBox div.formObj div.tablebox table td span.note1 {
					color: #663333;
					padding-bottom: 5px;
					/*\*/
					*padding-top: 2px;
					/**/
					display: inline-block;
				}
				#bodyBox div.formObj div.tablebox table td span.note2 {
					padding-top: 5px;
					padding-left: 30px;
					color: #663333;
					font-size: 10px;
					/*\*/
					*font-size: 75%;
					/**/
					display: block;
				}
				#bodyBox div.formObj div.tablebox table td span.note3 {
					color: #663333;
					padding-bottom: 5px;
					/*\*/
					*padding-top: 2px;
					/**/
					display: block;
				}
				#bodyBox div.formObj div.tablebox table td span.note4 {
					padding-top: 5px;
					padding-left: 130px;
					color: #663333;
					display: block;
				}

	#bodyBox div.formObj div.buttonbox {
		position: relative;
		text-align: center;
	}
		#bodyBox div.formObj div.buttonbox ul {
			width: 360px;
			margin:0 auto;
			padding: 15px 0 14px 0;
			text-align: center;
			line-height: 1.1;
			white-space: nowrap;
			display: block;
		}
			#bodyBox div.formObj div.buttonbox ul li{
				float: left;
				width: auto;
				margin:0 auto;
			}
			#bodyBox div.formObj div.buttonbox ul li a{
				width: auto;
				background: url(/files/images/common/arw.gif) no-repeat 10px 48%;
				padding: 0 10px 0 20px;
			}
		#bodyBox div.formObj div.buttonbox p.button {
			background-color: #fff5dd;
			padding: 15px 0;
			text-align: center;
		}
		#bodyBox div.confObj div.buttonbox p.button {
			border-top: none;
		}
			#bodyBox div.formObj div.buttonbox p.button a {
				position: relative;
				top: 8px;
				/*\*/
				*top: 0;
				/**/
				width: auto;
				background: none;
				border: none;
				margin:0 12px auto;
				vertical-align: middle;
			}
			#bodyBox div.formObj div.buttonbox p.button a img {
				display: inline;
			}
			#bodyBox div.formObj div.buttonbox p.button input {
				background: none;
				border: none;
				margin:0 12px auto;
				vertical-align: middle;
			}

	#bodyBox div.formObj div.kantanbox {
		background: url(/files/images/detail/frm1.gif) repeat-y left top;
		padding-bottom: 6px;
		text-align: center;
	}
		#bodyBox div.formObj div.kantanbox ul {
		}
			#bodyBox div.formObj div.kantanbox ul li {
				width: 480px;
				height: 58px;
				margin: 0 auto;
				display: block;
			}
				#bodyBox div.formObj div.kantanbox ul li a {
					background: url(/files/images/detail/btn_regist2.gif) no-repeat;
					background-position: 0 0;
					width: 480px;
					height: 58px;
					/*\*//*/
					padding-bottom: 58px;
					/**/
					text-indent: -9999px;
					overflow: hidden;
					display: block;
				}
				#bodyBox div.formObj div.kantanbox ul li a:hover {
					background-position: 0 -58px;
				}
				#bodyBox div.formObj div.kantanbox ul li a:active {
					background-position: 0 -116px;
				}


/*-------------- 対応機種 --------------*/
#container div.m_list {
    zoom: 100%;
}
#container div.m_list:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#container div.m_list div.left_box div{
	margin-bottom:20px;
}
#container div.m_list p{
	margin-bottom:10px;
	padding-bottom:3px;
	color:#663333;
	font-weight:bold;
	border-bottom:1px solid #D2C8B4;
}
#container div.m_list div.left_box{
	width:250px;
	margin:0 30px;
	float:left;
}
#container div.m_list div.right_box{
	width:500px;
	float:right;
	margin:0 30px;
}