/* プロダクトCSS Document */
.pro, other, .prom {width:auto; margin:0; padding:0;}
.prom {
	width:auto;
	margin:0 0 10px;
	padding:0;
}

.prohonbun h5 { margin:5px 0; color:#036; font-size:13px; padding-left:13px; background:url(image/hisigata.gif) no-repeat left center;}

.proillust { float:left;}
.proillust span {font-size:10px; line-height:12px;}
.proread {float:left; margin:0 0 0 20px; width:310px; }
.proreadinn {
	padding:10px;
	margin-bottom: 10px;
	border:1px solid #ccc;
	background-color:#f5f5f5;
	clear: both;
}
.proreadinn ul li { margin:0; padding:0; list-style-type: square; }
.pro table, .pro2 table table, .other table { border-top:1px solid #ccc; border-left:1px solid #ccc; width: 100%;}
.pro table th, .pro table td, .pro2 table table td { border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:2px;}
.pro1 table { border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
.pro1 table table, .pro1 table td table td {border:none;}
.pro1 table th, .pro1 table td { padding:2px; border-right:1px solid #ccc;}
.pro table th, .pro1 table th { background-color:#f5f5f5; text-align:center;}
.pro1 table th { border-bottom:1px solid #ccc;}
.pro table, .pro1 table, .pro2 table, .other table { font-size:11px; line-height:14px; margin-bottom: 10px;}
.pro2 table {border-top:1px solid #ccc;}
.pro2 table td { padding: 4px 2px; border-bottom:1px solid #ccc;}
.pro2 table td table {margin:4px 0;}
.pro2 table td table td { text-align:center; line-height:12px;}
.pro2 table td ul li { list-style:none; margin:0;}
.pro3 { border:1px solid #ccc;}
.pro4 {font-size:10px;}
.handleft { float:left; width:310px; padding-right:10px;}
.handright {float:left; width:210px;}
.other table th { background-color:#ededed; }
.other table th, .other table td {text-align:center; padding:4px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.otherreadinn {padding:10px; border:1px solid #ccc; background-color:#ffc; border:1px solid #fc3;}
.tdrbono table, .tdrbono table td  {border:none; padding:0 2px;}
.tdrbono table {width:120px;}
.tac {text-align:center;}
.tdrbono table .tac {text-align:center; width:12px;}
.tdrbono table .tal {text-align:right; width:30px;}
.tdrbono table .tar {text-align:left; width:78px;}


/*リストアルファベット*/
.pro2 table td ul .alphaa { background:url(image/alpha_a.gif) no-repeat left top;}
.pro2 table td ul .alphab { background:url(image/alpha_b.gif) no-repeat left top;}
.pro2 table td ul .alphac { background:url(image/alpha_c.gif) no-repeat left top;}
.pro2 table td ul .alphaa, .pro2 table td ul .alphab, .pro2 table td ul .alphac { margin-left:-24px; padding-left:14px; color:#333; line-height:14px;}

.honbun .elec1 ul li, .prohonbun .elec1 ul li { padding-left:14px; background:url(image/elec_1.gif) no-repeat left top; line-height:14px;}
.honbun .elec2 ul li, .prohonbun .elec2 ul li { padding-left:14px; background:url(image/elec_2.gif) no-repeat left top; line-height:14px;}
.elec table { border-top:1px solid #ccc; width:90%; margin:0 0 0 30px;}
.cbn table {border-top:1px solid #ccc; width:100%;}
.elec table td {padding-left:10px;}
.elec table th, .elec table td { border-bottom:1px solid #ccc; text-align:left;}
.cbn table th span {font-size:10px; font-weight:normal;}
.cbnleft4px { border-left:1px solid #ccc; padding-left:4px;}
.cbn table th, .cbn table td  { border-bottom:1px solid #ccc; line-height:16px;}
.elec0 { margin:0 0 0 20px; padding:0; list-style:none;}
.elec0 .el1 { background:url(image/nomber_1.gif) no-repeat left top;}
.elec0 .el2 { background:url(image/nomber_2.gif) no-repeat left top;}
.elec0 .el3 { background:url(image/nomber_3.gif) no-repeat left top;}
.elec0 .el4 { background:url(image/nomber_4.gif) no-repeat left top;}
.elec0 .el5 { background:url(image/nomber_5.gif) no-repeat left top;}
.elec0 .el6 { background:url(image/nomber_6.gif) no-repeat left top;}
.elec0 .el7 { background:url(image/nomber_7.gif) no-repeat left top;}
.elec0 .el8 { background:url(image/nomber_8.gif) no-repeat left top;}
.elec0 .el1, .elec0 .el2, .elec0 .el3, .elec0 .el4, .elec0 .el5, .elec0 .el6, .elec0 .el7, .elec0 .el8 { padding-left:14px;}
.elec0 .alphaa {background:url(image/alpha_a.gif) no-repeat left top;}
.elec0 .alphab {background:url(image/alpha_b.gif) no-repeat left top;}
.elec0 .alphac {background:url(image/alpha_c.gif) no-repeat left top;}
.elec0 .alphad {background:url(image/alpha_d.gif) no-repeat left top;}
.elec0 .alphae {background:url(image/alpha_e.gif) no-repeat left top;}
.elec0 .alphaa, .elec0 .alphab, .elec0 .alphac, .elec0 .alphad, .elec0 .alphae {padding-left:14px;}
.elec0 .roma1 {background:url(image/roma_1.gif) no-repeat left top;}
.elec0 .roma2 {background:url(image/roma_2.gif) no-repeat left top;}
.elec0 .roma3 {background:url(image/roma_3.gif) no-repeat left top;}
.elec0 .roma1, .elec0 .roma2, .elec0 .roma3 {padding-left:18px; margin:10px 0 10px -10px;}
.elec0 .el1 .sub, .elec0 .el2 .sub { font-size: xx-small; color: #333; vertical-align:sub;}

.wakuall {border:1px solid #ccc;}
.wakuall .wakuin { padding:20px;}
.wakuall .wakuin .wakuleft {width:380px; float:left;}
.wakuall .wakuin .wakuright {width:90px; line-height:18px; float:left; padding-left:10px;}
.waku1 {border:1px solid #ccc; border-bottom:none; width:527px; margin:0 auto; text-align:center;}
.waku1 .wakuleft, .waku1 .wakuright {width:263px; float:left; border-bottom:1px solid #ccc; margin:0; padding:0;}
.waku1 .wakuright {border-left:1px solid #ccc; }
.waku2 {border:1px solid #ccc; width:527px; margin:0 auto; text-align:center;}
.waku2 .wakuleft, .waku2 .wakuright {width:263px; float:left; border-bottom:1px solid #ccc; margin:0; padding:0;}
.waku2 .waku3c, .waku2 .waku3c1 { float:left; width:175px;}
.waku2 .waku3c {border-right:1px solid #ccc;}

.waku2 .waku4c, .waku2 .waku4c1 {float:left; width:131px; border-bottom:1px solid #ccc; margin:0; padding:0;}
.waku2 .waku4c, .waku2 .waku4c2 {border-right:1px solid #ccc;}
.waku2 .waku4c2 { float:left; width:131px;}
.waku2 .waku4c3 {float:left; width:395px; }
.waku2 .waku4c img, .waku2 .waku4c1 img, .waku2 .waku3c img, .waku2 .waku3c1 img, .waku1 .wakuleft img, .waku1 .wakuright img, .prom img { cursor: pointer;}
.prohonbun .wakuall p {padding:10px;}
.prohonbun h6 { font-size:12px; border-bottom:1px solid #960; border-left:5px solid #960; padding:0 0 0 8px; margin-bottom:10px; color:#960;}

.honbun .hrightP{
	display: block;
	position: absolute;
	top: 56px;
	right: -2px;
	padding-right: 10px;
}

.honbun .prdImg{
	width: 710px;
	margin-right: -10px;
	display: block;
}

.honbun .prdImg a{
	margin: 0;
	padding: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 165px;	height: 97px;
	display: block;
	float: left;
}

.honbun .prdImg.img2pieces{
	width: 720px;
	margin-right: -20px;
	margin-bottom: 10px;
}
.honbun .prdImg.img2pieces a{
	width: 340px;	height: 160px;
	margin-right: 18px;
	margin-bottom: 18px;
}
*html .honbun .prdImg.img2pieces a{
	margin-right: 11px;
	margin-bottom: 15px;
}
.honbun .prdImg.img3pieces a{
	width: 226px;	height: 134px;
	margin-right: 8px;
}
.honbun .prdImg a.img1piece{
	width: 700px;	height: 70px;
}

.prdImg img{
	border: 1px solid #ccc;
}

#shapeTable{
	width: 710px;
	margin-right: -10px;
}
* html #shapeTable{
	margin-right: -20px;
}
#shapeTable table{
	width: 340px;
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	border-left: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
}
#shapeTable table th,#shapeTable table td{
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	vertical-align: middle;
	display: table-cell;
}
#shapeTable table th{
	width: 40px;
	height: 28px;
	padding-left: 5px;
}
#shapeTable table td{
	white-space: nowrap;
	position: relative;
}

#shapeTable table td span{
	display: block;
	width: 60px; height: 18px;
	text-align: center;
	margin-right: 5px;
	padding: 3px;
	font-weight: bold;
	background-color: #ebebeb;
	border-bottom: 3px solid #1c5799;
	float: left;
}
#shapeTable table td strong{
	display: block;
	padding: 3px;
}
#shapeTable table td a{
	margin: 0;
	padding: 0;
}
#shapeTable table td img{
	border:none;
}
#shapeTable table td.fixtdRepeat{
	width: 45px;
	position: relative;
}
#shapeTable table td.unfixtdRepeat{
	white-space: normal;
}
#shapeTable table td.fixtdRepeat,#shapeTable table td.unfixtdRepeat{
	padding-left: 3px;
}
* html #shapeTable table td.fixtdRepeat,* html #shapeTable table td.unfixtdRepeat{
	padding-left: 1px;
}

#sakuinLink{
	position: relative;
}

#sakuinLink p{
	position: absolute;
	top: 10px;	left: 80px;
	width: 500px;
	padding: 0;
}

#sakuinLink p a{
	text-decoration: none;
	padding: 5px;
}
#sakuinLink p a:hover,#sakuinLink p a:active,#sakuinLink p a.current{
	border-bottom: 3px solid #1c5799;
	color: #1c5799;
	font-weight: bold;
}