@charset "utf-8";
@import url("/css/import.css");
@import url("/scripts/lightbox/css/lightbox.css");

h3 {
	font-size: 1em;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

p {
	margin: 0px;
}

#containerA {
	width: 643px;
	float: left;
	height: auto;
	margin-top: 40px;
}
#containerA #blockA1 {
	height: 562px;
	width: 643px;
	background-image: url(image-cmn/blockA1-bg_n.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	margin-bottom: 0px;
}
#containerA #blockA1 img {
	margin-top: 1px;
	margin-bottom: 1px;
	/* IE向け、画像の下に隙間ができてしまうバグ対策 */
	vertical-align: top;
	vertical-align: bottom;
}

#containerA #blockA2 {
	min-height: 200px;
	_height: 200px;
	width: 100%;
}
#containerA #blockA2 #blockA2a {
	float: right;
	width: 403px;
}
#containerA #blockA2 #blockA2a h2 {
	padding: 0px;
	background-image: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 1.2em;
	letter-spacing: 0.2em;
	background-position: -9999px;
	text-indent: 0px;
	min-height: 1.2em;
	_height: 1.2em;
	line-height: 1.2em;
}
#containerA  #blockA2  #blockA2a  div#introduce {
	margin-bottom: 1em;
}
#containerA  #blockA2  #blockA2a  ul#price {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
}
#containerA #blockA2 #blockA2a ul#price li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	text-align: justify;
	margin: 0px;
	letter-spacing: 1px;
}
#containerA #blockA2 #blockA2a ul#price li.first {
	padding-left: 0px;
}
#containerA #blockA2 #blockA2a ul#price li.end {
	padding-right: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* 追加 仏壇・セット仏具・総合計 */
#containerA #blockA2 #blockA2a #price2 {
}
#containerA #blockA2 #blockA2a #price2 table {
	width: 100%;
	margin-right: 0px;
	margin-left: auto;
}
#containerA #blockA2 #blockA2a #price2 table th {
	background-color: #F9F8F2;/*#f3ece4;*/
	width: 10em;
}
#containerA #blockA2 #blockA2a #price2 table td {
	text-align: right;
}
#containerA #blockA2 #blockA2a #price2 table td option{
}
#containerA #blockA2 #blockA2a #price2 table td.sumCell {
	background-color: #F9F8F2;/*#f3ece4;*/
	font-weight: bold;
	line-height: 3;
}

/* セット仏具選択欄 */
#containerA #blockA2 #blockA2a #price2 #setPtnInfo {
	text-align: left;
}
#containerA #blockA2 #blockA2a #price2 #setPtnInfo table {
	border-width: 1px;
}
#containerA #blockA2 #blockA2a #price2 #setPtnInfo table td {
	text-align: left;
	border-width: 1px 0px;
	padding: 6px;
	line-height: 1.6em;
}
#containerA #blockA2 #blockA2a #price2 #setPtnInfo table td.radioSB {
	width: 2em;
	text-align: center;
	border-right-width: 1px;
}
#containerA #blockA2 #blockA2a #price2 #setPtnInfo table td.imageSB {
	width: 78px;
}
#containerA #blockA2 #blockA2a #price2 #setPtnInfo em {
	color: #484848;
}
/* --- (ここまで) ---*/

#containerA #blockA2 #blockA2a p#linkButsuguset {
	text-align: right;
	margin-bottom: 1em;
}
#containerA  #blockA2  #blockA2a  #panelButton  {
	margin-bottom: 1em;
	width: 250px;
	margin-left: 150px;
	height: 25px;
}
#containerA #blockA2 #blockA2a #panelButton p {
}
#containerA     #blockA2     #blockA2a     #panelButton p a.button-a   {
	background-image: url(image-cmn/button-01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 25px;
	width: 120px;
	overflow: hidden;
	display: block;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#containerA     #blockA2     #blockA2a     #panelButton p a.button-b   {
	background-image: url(image-cmn/button-02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 25px;
	width: 120px;
	overflow: hidden;
	display: block;
	margin: 0px;
	padding: 0px;
}
#containerA  #blockA2  #blockA2a  #panelFav  {
	background-color: #F0F0F0;
	clear: both;
	height: 1.5em;
	margin-bottom: 40px;	/* ブロックA2とA3のすきまが、実はA2内のフロート配置によりA2a部分のテキスト量が増えると正常に隙間が保てない問題がある。これを苦肉の策的に、ここで隙間をとることで解決してある。あまりCSSハックは使いたくなかった。 */
}
#containerA #blockA2 #blockA2a #panelFav p {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
}
#containerA  #blockA2  #blockA2a  #panelFav  p.linkbutton {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}

#containerA  #blockA2  #blockA2a  #panelFav  p.linkbutton-end {
}
#containerA #blockA2 #blockA2a #panelFav #FavMess {
	color: #333333;
	text-indent: 10px;
}





#containerA #blockA2 #blockA2b {
	float: left;
	width: 200px;
}
#containerA #blockA3 {
	width: 100%;
	clear: both;
}
#containerA #blockA3 #blockA3a {
	float: right;
	width: 403px;
}
#containerA #blockA3 #blockA3a h3 {
	margin: 0px;
	padding: 0px;
	background-image: none;
	text-indent: 0px;
	font-weight: normal;
}
#containerA #blockA3 #blockA3a #containerPickup {
	margin-bottom: 40px;
}


#containerA #blockA3 #blockA3a .boxPickup {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	clear: both;
	width: 100%;
	min-height:1px;

　/* IE 7対策 */
;
}
#containerA #blockA3 #blockA3a #boxPickup-end {
	border-bottom-width: 0px;
}
#containerA   #blockA3   #blockA3a .boxPickup p.puImage   {
	float: left;
	width: 80px;
	padding-top: 0.3em;
}
#containerA  #blockA3  #blockA3a .boxPickup .puImage  img  {
	border: 1px solid #CCCCCC;
}
#containerA  #blockA3  #blockA3a .boxPickup .puText  {
	float: left;
	width: 312px;
	margin-left: 10px;
}

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.boxPickup:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.boxPickup { display:inline-table; }

/* Mac IE には適用させない \*/
* html .boxPickup { height:1px; }
.boxPickup { display:block; }

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */

#containerA #blockA3 #blockA3a #boxCaution {
	margin-top: 0px;
}
#containerA #blockA3 #blockA3a #boxCaution ul {
	margin-top: 6px;
	margin-left: 1.5em;
}

#containerA #blockA3 #blockA3a #boxCaution ul li.impact {
	border: 1px solid #FF0000;
	list-style-type: none;
	padding: 1em;
	margin-top: 1em;
	background-color: #FFF4F4;
}

#containerA #blockA3 #blockA3b {
	float: left;
	width: 200px;
}
#containerA #blockA3 #blockA3b h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	background-image: none;
	text-indent: 0px;
}
#containerA #blockA3 #blockA3b h4 {
	font-weight: normal;
	padding: 0px;
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#containerA #blockA3 #blockA3b #size05 {
	width: 200px;
	margin-top: 20px;
	height: 205px;
}



#containerB {
	width: 80px;
	float: right;
	height: auto;
	margin-top: 40px;
}
#containerB #blockB1 {
}
#containerB #blockB1 img {
	margin-bottom: 5px;
	border: 1px solid #d8d8d8;
}
#containerB #blockB1 img.bottomtab {
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


/* [追加] 品質ガイド */
#containerA #blockA1b{
	margin-bottom: 40px;
	height: 23px;
	width: 643px;
}
#blockA1b ul#qguide{
	margin: 0px;
	padding: 0px;
}
#blockA1b #qguide li {
	display: block;
	float: left;
	line-height: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	text-indent: -9999px;
}
#blockA1b #qguide #qg-a {
	background-image: url(image-qguide/qguide-a.png);
	width: 119px;
}
#blockA1b #qguide #qg-b {
	background-image: url(image-qguide/qguide-b.png);
	width: 41px;
}
#blockA1b #qguide #qg-c {
	background-image: url(image-qguide/qguide-c.png);
	width: 124px;
}
#blockA1b #qguide #qg-d {
	background-image: url(image-qguide/qguide-d.png);
	width: 67px;
}
#blockA1b #qguide #qg-e {
	background-image: url(image-qguide/qguide-e.png);
	width: 78px;
}
#blockA1b #qguide #qg-f {
	background-image: url(image-qguide/qguide-f.png);
	width: 75px;
}
#blockA1b #qguide #qg-g {
	background-image: url(image-qguide/qguide-g.png);
	width: 78px;
}
#blockA1b #qguide #qg-help {
	background-image: url(image-qguide/qguide-help.png);
	width: 61px;
}
/*レベル設定（レベルによって背景画像の位置を制御*/
#blockA1b #qguide .qg-level1 {
	background-position: left -23px;
}
#blockA1b #qguide .qg-level2 {
	background-position: left -46px;
}
#blockA1b #qguide .qg-level3 {
	background-position: left -69px;
}
#blockA1b #qguide .qg-level4 {
	background-position: left -92px;
}
#blockA1b #qguide .qg-level5 {
	background-position: left -115px;
}
#blockA1b #qguide .qg-level6 {
	background-position: left -138px;
}
#blockA1b #qguide .qg-level7 {
	background-position: left -161px;
}
#blockA1b #qguide .qg-level8 {
	background-position: left -184px;
}
#blockA1b #qguide .qg-level9 {
	background-position: left -207px;
}
#blockA1b #qguide .qg-level10 {
	background-position: left -230px;
}
#blockA1b #qguide .qg-level11 {
	background-position: left -253px;
}
#blockA1b #qguide .qg-level12 {
	background-position: left -276px;
}

#blockA1b #qguide  li  a {
	display: block;
	height: 23px;
	overflow: hidden;
	font-size: 1px; /* IE6向：領域が縦に広がって背景がはみ出すバグ対策 */
}