@charset "utf-8";

/* Style for relation product */


/* General
----------------------------------------------------------- */

#relationContent {
	width:710px;
}

#relationContent h2 {
	margin:0 0 3px 0;
}

#relationContent h3 span {
	margin: 0 0 0 10px;
	font-weight: normal;
}

#relationContent .note {
	font-size:84%;
}

#relationContent .caution {
	color:#990000;
}

#relationContent p.pagetop {
	clear:both;
	text-align:right;
}

#relationContent p.pagetop a {
	background:url(../images/common_arrow_squaretop.gif) 0 0 transparent no-repeat;
	padding:0 0 0 14px;
	font-size:84%;
}

.clear {
	clear:both;
}



/* index
----------------------------------------------------------- */

#relationContent div.summary {
	width:720px;
}

#relationContent div.summary dl {
	margin:0 0 10px 0;
}

#relationContent div.summary dl dd {
	margin:0 0 5px 0;
}

#relationContent div.summary dl dt a {
	background:url(../images/common_arrow_green.gif) 0 2px transparent no-repeat;
	padding:0 0 0 14px;
}

#relationContent div.summary ul li {
	background:url(../images/common_arrow_gray.gif) 0 4px transparent no-repeat;
	padding:0 0 0 13px;
	margin:0 0 0.5em 0;
	line-height:1.2;
}

#relationContent div.summary ul.latest {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:url(../../../common/09/images/common_bg_dividerline.gif) left bottom transparent no-repeat;
}

#relationContent div.option {
	float:left;
	display:inline;
	width:230px;
}

#relationContent div.other {
	float:left;
	display:inline;
	width:230px;
	margin:0 0 0 15px;
}

#relationContent div.regzalink {
	float:left;
	display:inline;
	width:230px;
	margin:0 0 0 15px;
}



/* option
----------------------------------------------------------- */

#relationContent div.optionTopSection {
	margin:0 0 15px 0;
	float:left;
}

#relationContent div.optionTopSection ul li {
	width:233px;
	margin:0 0 0 10px;
	float:left;
	display:inline;
}

#relationContent div.optionTopSection ul li.first {
	width:234px;
	margin:0;
}

#relationContent div.optionTopSection ul li img {
	margin:0 0 5px 0;
}

#relationContent div.optionSection {
	width:720px;
	margin:0 0 30px 0;
	clear:both;
}

#relationContent div.optionSection div.section {
	width:720px;
	margin:0 0 30px 0;
	float:left;
}

#relationContent div.optionSection div.section div.product {
	float:left;
	display:inline;
	width:230px;
}

#relationContent div.optionSection div.section div.detail {
	float:left;
	display:inline;
	width:480px;
	margin:0 0 0 10px;
}

#relationContent div.optionSection div.section div.detail h4 {
	font-size:120%;
	color:#00421C;
	border-bottom:3px solid #B9CCC0;
	margin:0 0 15px 0;
}

#relationContent div.optionSection div.section div.detail h4 span {
	margin:0 0 0 10px;
	color:#CC0000;
}

#relationContent div.optionSection div.section div.detail dl dt {
	border-left:4px solid #00421C;
	padding:0 0 0 3px;
	margin:0 0 15px 0;
	line-height:1.2;
}

#relationContent div.optionSection div.section div.detail dl dd {
	margin:-10px 0 15px 0;
}

#relationContent div.optionSection div.section div.detail dl dd p.case {
	border:1px solid #AFC4B8;
	padding:10px;
	margin:0 0 5px 0;
	float:left;
}

#relationContent div.optionSection div.section div.detail dl dd p.case img {
	float:left;
	display:inline;
	margin:0 10px 0 0;
}

#relationContent div.optionSection div.section div.detail dl dd table {
	width:480px;
}

#relationContent div.optionSection div.section div.detail dl dd table th,
#relationContent div.optionSection div.section div.detail dl dd table td {
	border:1px solid #91AE9D;
	padding:3px;
	font-weight:normal;
}

#relationContent div.optionSection div.section div.detail dl dd table th {
	width:274px;
}

#relationContent div.optionSection div.section div.detail dl dd table th.part,
#relationContent div.optionSection div.section div.detail dl dd table td {
	text-align:center;
	width:44px;
}

#relationContent div.optionSection div.section div.detail dl dd p.caption {
	margin:0 0 5px 0;
}

#relationContent div.optionSection div.section div.detail dl dd p.unit {
	font-size:84%;
	text-align:right;
	padding:5px 0 0 0;
}

#relationContent div.optionSection p.relatedLink{
	text-align: right;
}




/* other
----------------------------------------------------------- */

#relationContent div.otherSection {
	width:720px;
	margin:0 0 30px 0;
	clear:both;
}

#relationContent div.otherSection div.section {
	width:720px;
	margin:0 0 30px 0;
	float:left;
}

#relationContent div.otherSection div.section div.product {
	float:left;
	display:inline;
	width:230px;
}

#relationContent div.otherSection div.section div.product img {
	margin:0 0 5px 0;
}

#relationContent div.otherSection div.section div.detail {
	float:left;
	display:inline;
	width:480px;
	margin:0 0 0 10px;
}

#relationContent div.otherSection div.section div.detail h4 {
	font-size:110%;
	color:#00421C;
	border-bottom:3px solid #B9CCC0;
	margin:0 0 15px 0;
}

#relationContent div.otherSection div.section div.detail h4 span {
	margin:0 0 0 10px;
	color:#CC0000;
}

#relationContent div.otherSection div.section div.detail dl dt {
	border-left:4px solid #00421C;
	padding:0 0 0 3px;
	margin:0 0 15px 0;
	line-height:1.2;
}

#relationContent div.otherSection div.section div.detail dl dd {
	margin:-10px 0 15px 0;
}

#relationContent div.otherSection div.section div.detail p.case {
	border:1px solid #AFC4B8;
	font-size:84%;
	line-height:1.2;
	padding:10px;
	margin:0 0 5px 0;
	float:left;
	display:inline;
	width:458px;
}

#relationContent div.otherSection div.section div.detail p.case img {
	float:left;
	display:inline;
	margin:0 10px 0 0;
}

#relationContent div.otherSection div.section div.detail dl dd table {
	width:480px;
}

#relationContent div.otherSection div.section div.detail dl dd table th,
#relationContent div.otherSection div.section div.detail dl dd table td {
	border:1px solid #91AE9D;
	padding:3px;
	font-weight:normal;
}

#relationContent div.otherSection div.section div.detail dl dd table th {
	width:200px;
}

#relationContent div.otherSection div.section div.detail dl dd table th img {
	margin:0 3px 0 0;
}

#relationContent div.otherSection div.section div.detail ul li {
	border-left:4px solid #00421C;
	padding:0 0 0 3px;
	margin:0 0 15px 0;
	line-height:1.2;
}

#relationContent div.contactSection table {
	width:720px;
}

#relationContent div.contactSection table th {
	border:1px solid #91AE9D;
	width:130px;
	background:#E5ECE8;
	color:#00421C;
	padding:10px;
	line-height:1.4;
}

#relationContent div.contactSection table td {
	border:1px solid #91AE9D;
	padding:10px;
	line-height:1.4;
}



/* regzalink
----------------------------------------------------------- */

#relationContent div.regzalinkSection {
	width:720px;
}


#relationContent div.regzalinkSection h4 {
	padding: 7px 10px 2px 10px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #80A18E;
	color: #00421C;
	font-size:100%;
	background: url(../../../lineup/images/09b/common_bg_h4.gif) 0 0 #E5ECE8 no-repeat;
}

#relationContent div.regzalinkSection div.section {
	width:720px;
	margin:0 0 30px 0;
}

#relationContent div.regzalinkSection div.section table {
	width:720px;
}

#relationContent div.regzalinkSection div.section table th {
	width:230px;
	padding:10px;
	border:1px solid #91AE9D;
	font-weight:normal;
}

#relationContent div.regzalinkSection div.section table th.separate {
	width:110px;
}

#relationContent div.regzalinkSection div.section table td {
	padding:10px 10px 5px 10px;
	border:1px solid #91AE9D;
}

#relationContent div.regzalinkSection div.section table th dl dd {
	padding:5px 0 0 0;
}

#relationContent div.regzalinkSection div.section table th dl dd img {
	margin:0 2px 2px 0;
}

#relationContent div.regzalinkSection div.section table td p {
	margin:0 0 10px 0;
	line-height:1.3;
}

#relationContent div.regzalinkSection div.section table td p strong {
	color:#666666;
}

#relationContent div.regzalinkSection div.section dl.note dt {
	float:left;
}

#relationContent div.regzalinkSection div.section dl.note dd {
	padding:0 0 0 25px;
}
	

/* Button */

#relationContent div.button {
	margin:0 0 20px 0;
}

#relationContent div.button .arrowButton:link,
#relationContent div.button .arrowButton:hover,
#relationContent div.button .arrowButton:active,
#relationContent div.button .arrowButton:visited {
	color:#444444;
	text-decoration:none;
}

#relationContent div.button .arrowButton {
background:url(../../images/09a/common_button_arrowgreen_r.gif) top right transparent no-repeat;
	display: block;
	font-weight: bold;
	height: 32px;
	float:right;
	padding-right: 15px;
	margin:0 0 5px 5px ;
}

#relationContent div.button .arrowButton span {
	background:url(../../images/09a/common_button_arrowgreen_l.gif) 0 0 no-repeat;
	display: block;
	line-height: 18px;
	padding: 6px 0 8px 30px;
}


/* margin */

.mt_annot13 {
		margin-top: -10px !important;
	}



/* relateMenu */
.relateMenu {
	margin:0 0 10px 0;
}
	.relateMenu ul li {
		float: left;
		display: inline;
	}


/* rlink_section01 */
.rlink_section01 {
	padding-bottom: 5px;
	background:url(../images/bg_regzalink_r.gif) left bottom no-repeat;
	display: block;
}
.rlink_section01-01 {
	border-left: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
}

.rlink_section01-02 {
	border-left: solid 1px #dcdcdc;
}


/* section_second-box01 */
.section_second-box01 table {
		width: 670px;
		margin: 0 0 25px 20px;
		border-left: solid 1px #dcdcdc;
	}
	.section_second-box01 table td {
			padding: 10px;
			border-right: solid 1px #dcdcdc;
			vertical-align: top;
			font-size: 100%;
		}
		
	.section_second-box01 dl dd {
		padding: 10px 0;
	}
		.section_second-box01 dl dd.img {
			margin-bottom: 5px;
		}

.section_second-box01 h3{
	width: 670px;
	margin: 0 0 10px 20px;
	border: solid 1px #dcdcdc;
	height: 30px;
	padding: 9px 0 9px 10px;
	}

.section_second-box04 h3{
	width: 670px;
	margin: 0 0 10px 20px;
	border: solid 1px #dcdcdc;
	height: 30px;
	padding: 9px 0 9px 10px;
	}


/* section_second-box02 */
.section_second-box02 {
	width: 670px;
	margin: 0 0 25px 20px;
	}
	.section_second-box02 h4 {
		margin-bottom: 10px;
		padding: 5px 7px;
		background: #ededed;
		font-weight: normal;
	}
		.section_second-box02 h4 img {
			margin-right: 5px;
		}
		.section_second-box02 h4 a:link { color: #535353; text-decoration: underline;}
		.section_second-box02 h4 a:visited { color: #535353; }
		.section_second-box02 h4 a:hover {text-decoration: none; }

.section_second-box02 .toggle_container table {
	width: 670px;
	margin-bottom: 20px;
	border-top: solid 1px #dcdcdc;
	border-left: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

	.section_second-box02 .toggle_container table td {
		padding: 10px;
		border-right: solid 1px #dcdcdc;
		vertical-align: top;
		font-size: 100%;
		border-top: solid 1px #dcdcdc;
	}

.section_second-box02 .toggle_container dl dd {
	padding: 10px 0;
}
.section_second-box02 .toggle_container ul li {
	padding-left: 10px;
	background:url(../images/icon_regzalink_series_arrow.gif) left 3px no-repeat;
	font-size: 97%;
}

/* section_second-box03 */
.section_second-box03 {
	border-top: solid 1px #dcdcdc;
}
	.section_second-box03 {
		padding: 10px 20px;
	}
		.section_second-box03 a:link { color: #126d99; text-decoration: underline;}
		.section_second-box03 a:visited { color: #126d99; }
		.section_second-box03 a:hover {text-decoration: none; }

/* section_second-box04 */
.section_second-box04 table {
		width: 670px;
		margin: 0 0 25px 20px;
		border-left: solid 1px #dcdcdc;
	}
	.section_second-box04 table td {
			padding: 10px;
			border-right: solid 1px #dcdcdc;
			vertical-align: top;
			font-size: 100%;
		}
		
	.section_second-box04 dl dd {
		padding: 10px 0;
	}
		.section_second-box04 dl dd.img {
			margin-bottom: 5px;
		}
			.section_second-box04 dl dd li {
				float: left;
			}
				
			.section_second-box04 dl dd li.li1{
				width: 50%;
			}

			.section_second-box04 dl dd li.li2{
				width: 100%;
			}



/* section_inbox01 */

.section_inbox01 dl {
	width: 320px;
	float: left;
	display: inline;
	}

	.section_inbox01 dl.col {
		margin-left: 30px;
	}

	.section_inbox01 dt {
		padding:3px 10px;
		background: #ededed;
		}
	.section_inbox01 dd {
		padding:7px 10px 3px 10px;
		}




/* section_second-box05 */
.section_second-box05 {
	width: 320px;
	margin: 0 0 0 0;
	}


/* section_second-box06 */
.section_second-box06 {
	padding-top: 15px;
}
.section_second-box06 table {
	width: 670px;
	margin: 0 0 25px 0;
	padding-top: 15px;
}
	.section_second-box06 table td {
		padding-left: 20px;
		vertical-align: top;
		font-size: 100%;
	}
		.section_second-box06 table td.section_second-box06_col {
			padding-left: 30px;
		}

.section_second-box06 h4 {
	width: 298px;
	margin: 0 0 20px 0;
	padding: 5px 10px;
	border: solid 1px #dedede;
	font-weight: bold;
	font-size: 117%;
}
.section_second-box06 dl {
	margin: 20px 0;
	padding: 5px 10px;
	border-left: solid 1px #dedede;
}

/* section_second-box06 toggle_container */

.section_second-box06 .toggle_container table {
	width: 320px !important;
	margin: 0 0 25px 0;
	border: solid 1px #dcdcdc;
}
	.section_second-box06 .toggle_container table td {
		padding: 10px;
		vertical-align: top;
		font-size: 100%;
	}

.section_second-box06 .toggle_container dl {
	margin: 0;
	padding: 0;
	border: none;
}
	.section_second-box06 .toggle_container dl dd {
		padding: 10px 0 5px 0;
	}
.section_second-box06 .toggle_container ul li {
	padding-left: 10px;
	background:url(../images/icon_regzalink_series_arrow.gif) left 3px no-repeat;
	font-size: 97%;
}
	.section_second-box06 h5 {
		margin-bottom: 10px;
		padding: 5px 7px;
		background: #ededed;
		font-weight: normal;
	}
		.section_second-box06 h5 img {
			margin-right: 5px;
		}
		.section_second-box06 h5 a:link { color: #535353; text-decoration: underline;}
		.section_second-box06 h5 a:visited { color: #535353; }
		.section_second-box06 h5 a:hover {text-decoration: none; }

.section_second-box06 td dl.portable_dvd {border:solid 1px red;
	margin: 0;
	padding-top: 0;
	border: none;
}
.section_second-box06 td.section_second-box06_col dl.cellphone_au {
	width: 80px;
	float: left;
	display: inline;
	margin: 0;
	padding-top: 0;
	border: none;
}
.section_second-box06 td.section_second-box06_col dl.cellphone_sb {
	width: 160px;
	float: left;
	display: inline;
	margin: 0 0 0 10px;
	padding-top: 0;
	border: none;
}

.section_second-box07 {
	border-top: solid 1px #dcdcdc;
}

.section_second-box07 h4 {
	margin : 20px 20px 20px 20px;
	padding: 5px 10px;
	font-weight: normal;
	border: solid 1px #dedede;
	font-weight: bold;
	font-size: 117%;
}

.section_second-box01 h4 {
	margin : 0 20px 20px 20px;
	padding: 5px 10px;
	font-weight: normal;
	border: solid 1px #dedede;
	font-weight: bold;
	font-size: 117%;
}

/* section_second-box08 */
.section_second-box08 {
	width: 670px;
	margin: 0 0 0 20px;
	}
	.section_second-box08 h4 {
		margin-bottom: 10px;
		padding: 5px 7px;
		background: #ededed;
		font-weight: normal;
	}
		.section_second-box08 h4 img {
			margin-right: 5px;
		}
		.section_second-box08 h4 a:link { color: #535353; text-decoration: underline;}
		.section_second-box08 h4 a:visited { color: #535353; }
		.section_second-box08 h4 a:hover {text-decoration: none; }

.section_second-box08 .toggle_container table {
	width: 670px;
	margin-bottom: 20px;
	border-top: solid 1px #dcdcdc;
	border-left: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

	.section_second-box08 .toggle_container table td {
		padding: 10px;
		border-right: solid 1px #dcdcdc;
		vertical-align: top;
		font-size: 100%;
		border-top: solid 1px #dcdcdc;
	}

.section_second-box08 .toggle_container dl dd {
	padding: 10px 0;
}
.section_second-box08 .toggle_container ul li {
	padding-left: 10px;
	background:url(../images/icon_regzalink_series_arrow.gif) left 3px no-repeat;
	font-size: 97%;
}