@charset "iso-8859-1";

/*

information{
	file name : common_pla/css/pla_module.css;
	infomation : This CSS file define a module format.;
	copyright : (C) Panasonic de Mexico S.A. de C.V. 2009
				(C) Panasonic Chile Ltda. 2009
				(C) Panasonic Latin America, S.A. 2009
				(C) Panasonic do Brasil Ltda. suc. Argentina 2009
				(C) Panasonic Centroamericana, S.A. 2009 
				(C) Panasonic Peruana S.A. 2009								
				version : ver 1.0.0
}

last updated -----------------------------------------------
2009/05/13 added "diagram" style.
2009/05/14 added "faq" style.
2009/05/22 added "key image navigation" style.
2009/05/22 added "key image navigation link" style.
2009/05/20 added "border column" module.
2009/05/27 added "form" module.
2009/05/27 added "normal(not require) column" module.
2009/05/28 added "Anchor link navigation" module.
 ------------------------------------------------------------
Chile/Uruguay/Argentina/CastaRica/Peru -----------------------
2009/06/26 added "contents navigation" style.
2009/06/29 added "button column (align right)" module (div.txt3btnc-alignr)
2009/06/29 added "key image navigation" module (div.keyimgnav2_o)
2009/06/29 added "buy-box_o" module (div.buy-box_o)
2009/07/07 added  Btn (div#txt1c div.txt1c)
2009/07/08 added  Sitemap (div.space)
2009/07/14 added  "divider" module (div.divider_g)
2009/07/14 added  "btn-pagetop" module (div.btn-pagetop2)
-------------------------------------------------------------
*/





/* contents
--------------------------------------------------------------------------
1. "diagram" modules (div.diagram)
2. "faq" modules (div.faq)
3. "key image navigation" modules (div.keyimgnav2) 
4. "key image navigation link" modules (div.keyimgnav2_link) 
5. "border column" module (div.borderc_v2)
6. "form" module (div.tableformc_v2)
7. "normal(not require) column" (table tbody td div.normalc)
8. "Anchor link navigation" module.
--------------------------------------------------------------------------
Chile/Uruguay/Argentina/CastaRica/Peru ----------------------
9."contents navigation" module (div.keyimgnav2_o) style.
10. "button column (align right)" module (div.txt3btnc-alignr)
11."key image navigation" modules (div.keyimgnav2_o) style.
12. Extended module "buy-box_o" module (div.buy-box_o)
13. Btn (div#txt1c div.txt1c.noimg_v2)
14. Space (div.space)
15. "divider"(div.divider_g)
16. "btn-pagetop2" module (div.btn-pagetop2)
--------------------------------------------------------------------------
*/




/* 1. "diagram" modules (div.diagram .bg-greenv2)
-------------------------------------------------	*/
div.diagram{
	clear:both;
	width:573px;
	padding-bottom:10px;
}

div.diagram .bg-greenv2{
	clear:both;
	margin-bottom:15px;
	padding:3px 6px 3px;
	background:#dff4f4;
}









/* 2. "faq" modules (div.faq_v2)
-------------------------------------	*/
/*	faq title	*/
div#maincol .question_v2{
	clear:both;
	display:inline-table;
	width:573px;/* fixed */
	margin:0 0 11px;
	padding:3px 0;
	background:#dff4f4;
	font-size:75%;
}

div#maincol .question_v2 span{
	display:block;
	margin-left:6px;
}

div.answer_v2 {
	margin-bottom:10px;
}

div.answer_v2 dt,
div.answer_v2 dd{
	margin:0;
	padding:0;
	font-size:75%;
}

div.answer_v2 dl{
	width:573px;/* fixed */
	margin:0;
	padding:0;
}

div.answer_v2 dt{
	float:left;
	width:565px;
	font-weight:bold;
	margin:0 0 0 6px;
	_margin-left:3px;
}

div.answer_v2 dd{
	float:right;
	width:525px;
	margin-bottom:10px;
}







/* 3. "key image navigation" module (div.keyimgnav2)
-------------------------------------	*/
div.keyimgnav2{
	font-size:75%;
	line-height:135%;
}

div.keyimgnav2 ul{
	list-style:none;
	margin:0 0 10px;
	padding:0;
}

div.keyimgnav2 a{
	color:#135da3;
	text-decoration:none;
}

div.keyimgnav2 a:visited{
	color:#6813bd;
}

div.keyimgnav2 a:hover{
	text-decoration:underline;
}

div.keyimgnav2{
	width:573px;
	margin-bottom:0px;
	background:url("../img/common/bg-keyimgnav2.gif") repeat-y;
}

div.keyimgnav2 div.col01{
	width:376px;
	height:288px;
	background:#fff;
	float:left;
}
div.keyimgnav2 div.col01 div#pictcol{
	width:346px;
	height:262px;
	margin-top:0px;
	margin-left:15px;
	/*	padding-bottom:14px;	*/
	overflow:hidden;
}
div.keyimgnav2 div.col01 div#pictcol p{
	margin:0;
	padding:0;
}
div.keyimgnav2 div.col01 div#pictcol p img{
	vertical-align:bottom;
}

div.keyimgnav2 div.col02{
	width:197px;
	float:right;
}

div.keyimgnav2 div.col02 div.infocol{
	margin:10px 10px 20px;
}

div.keyimgnav2 div.col02 div.infocol p{
	margin-bottom:8px;
}

div.keyimgnav2 div.col02 div.navcol{
	margin:0 10px 10px;
	background:#fff;
	padding:0 10px 10px;
}

div.keyimgnav2 div.col02 div.navcol p{
	margin-bottom:8px;
	padding-top:5px;
}

div.keyimgnav2 div.col02 div.navcol ul{
	margin:0;
}

div.keyimgnav2 div.col02 div.navcol ul li{
	float:left;
	width:78px;
	margin:0;
	padding:0 0 2px;
}

div.keyimgnav2 div.col02 div.navcol ul li img{
	margin-right:4px;
	vertical-align:text-bottom;
}





/* 4. "key image navigation link" module (div.keyimgnav2_link)
-------------------------------------	*/
div.keyimgnav2_link{
	width:573px;
	margin-bottom:0px;
	font-size:70%;
}

div.keyimgnav2_link div.col03{
	width:573px;
	height:16px;
	float:right;
}

div.keyimgnav2_link div.col03 ul{
	margin:0;
}

div.keyimgnav2_link div.col03 ul li{
	float:right;
	margin:0 0 0 1px;
	padding:0 0 0px;
	list-style:none;
    line-height: 20px;
	height: 16px;
}

div.keyimgnav2_link div.col03 ul li img{
	margin-bottom:0px;
	margin-right:0px;
}




/* 5-1. "border column" module (div.borderc_v2)
---------------------------------------------------	*/
div.borderc_v2{
	margin-bottom:10px;
	padding:10px 10px 0;
	border:1px solid #c3ccd3;
}

div.borderc_v2 div.txt32c{
	clear:both;
	width:551px;
	margin-top:1px;
}

div.borderc_v2 div.txt32c div.col01{
	width:267px;
	float:left;
	padding-bottom:0;
	text-align:cener;
}

div.borderc_v2 div.txt32c div.col02{
	width:267px;
	padding-bottom:0;
	text-align:center;
}

div.borderc_v2  div.txt32c p,
div.borderc_v2  div.txt32c ul{
	margin-bottom:10px;
}

div.borderc_v2 div.txt32c .title,
div.borderc_v2 div.txt32c .title02,
div.borderc_v2 div.txt32c .subtitle{
	width:267px !important;
}


div.borderc_v2 div.txt3c{
	width:551px;
	padding-bottom:0;
}


/* 5-2. "border column" module (div.borderc_v2)
---------------------------------------------------	*/
div.borderc_v2-2{
	width:267px;
	margin-bottom:10px;
	padding:9px 9px 0;
	border:1px solid #c3ccd3;
}

div.borderc_v2-2 div.txt32c{
	clear:both;
	width:267px;
	margin-top:1px;
}

div.borderc_v2-2 div.txt32c div.col01{
	width:267px;
	float:left;
	padding-bottom:0;
	text-align:cener;
}

div.borderc_v2-2  div.txt32c p,
div.borderc_v2-2  div.txt32c ul{
	margin-bottom:10px;
}

div.borderc_v2-2 div.txt32c .title,
div.borderc_v2-2 div.txt32c .title02,
div.borderc_v2-2 div.txt32c .subtitle{
	width:267px !important;
}


div.borderc_v2-2 div.txt3c{
	width:551px;
	padding-bottom:0;
}





/* 6. "tableformc_v2" module (tableformc_v2)
---------------------------------------------------	*/
/*	table element	*/
div.tableformc_v2 table{
	font-size:75%;
}

div.tableformc_v2 a{
	color:#135da3;
	text-decoration:none;
}

div.tableformc_v2 a:visited{
	color:#6813bd;
}

div.tableformc_v2 a:hover{
	text-decoration:underline;
}

/*	layout
------------------------------ */
div.tableformc_v2{
	clear:both;
	width:573px;
	margin-top:1px;
	padding-bottom:0px;
}

div.tableformc_v2 table{
	width:573px;
	margin:0 0 3px;
	padding:0;
	border-collapse:collapse;
}

div.tableformc_v2 table.delm *{
	margin-bottom:0;
}

div.tableformc_v2 table th{
	text-align:left;
}

div.tableformc_v2 table tbody th,
div.tableformc_v2 table tbody td{
	padding:5px 0;
	vertical-align:top;
	text-align:left;
	margin:0 0 3px;
}






/* 7-1. "border column" module (table1c-2c_2)
---------------------------------------------------	*/
/*	table element	*/
div.table1c-2c_v2 table{
	font-size:75%;
}

div.table1c-2c_v2 a{
	color:#135da3;
	text-decoration:none;
}

div.table1c-2c_v2 a:visited{
	color:#6813bd;
}

div.table1c-2c_v2 a:hover{
	text-decoration:underline;
}

/* "(table)1c-2c" module (div.table1c-2c)
-------------------------------------	*/
div.table1c-2c_v2{
	clear:both;
	width:573px;
	margin-top:1px;
	padding-bottom:0px;
}

div.table1c-2c_v2 table{
	width:573px;
	margin:0 0 3 3px;
	padding:0;
	border-collapse:collapse;
	border-bottom:1px solid #39f;
}

div.table1c-2c_v2 table.delm *{
	margin-bottom:0;
}

div.table1c-2c_v2 th{
	width:191px;
	text-align:left;
}


div.table1c-2c_v2 thead th{
	padding:3px;
	vertical-align:top;
	border-top:1px solid #39f;
	background:#dff4f4;
}


div.table1c-2c_v2 tbody td{
	text-align:left;
	vertical-align:top;  
	border-top:1px solid #e5e5e5;
}

div.table1c-2c_v2 tbody th{
	text-align:left;
	vertical-align:top;
	border-top:1px solid #e5e5e5;
}

div.table1c-2c_v2 .bg{
	background:#e5e5e5;
}

.tab_2 { margin: 0px 0px 0px 3px;}


/* 7-2. "normal(not require) column" (table tbody td div.normalc.col01.col02)
---------------------------------------------------	*/
.tab_l { margin: 0px 0px 0px 20px;}



/* 8. "Anchor link navigation" module 
---------------------------------------------------	*/
.doc_on {
	color:#135da3;
	text-decoration:none;
	font-weight:bold;
}








/* Chile/Uruguay/Argentina/CastaRica/Peru
---------------------------------------------------	*/

/* 9. "contents navigation" module
-----------------------------------------------	*/
/* "a" element	*/
div.contentsnav_o a{
	color:#135da3;
	text-decoration:none;
}
div.contentsnav_o a:visited{
	color:#6813bd;
}
div.contentsnav_o a:hover{
	text-decoration:underline;
}

div.contentsnav_o *{
	/* \*/_height:1%;/**/
}

div.contentsnav_o{
	padding-bottom:7px;
}

div.contentsnav_o .wrap{
	clear:both;
}
div.contentsnav_o ul{
	float:left;
	margin:0 !important;
	padding:0 0px 3px 0 !important;
	background:url("../../common/img/common/bg-contentsnav.gif") 100% 0.3em no-repeat;
}

div.contentsnav_o ul li{
	display:inline;
}
div.contentsnav_o ul li a{
	display:block;
	float:left;
	padding-right:15px;
	padding-left:14px;

	text-decoration:none;
	background:url("../../common/img/common/bg-contentsnav.gif") 0 0.3em no-repeat;
}
div.contentsnav_o ul li a:hover{
	text-decoration:underline;
}




/* 10. "button column (align right)" module (div.txt3btnc-alignr)
-----------------------------------------------	*/
/*	normal font	*/
div.txt3btnc-alignr{
	font-size:75%;
	line-height:135%;
	white-space:nowrap;
}

/* "a" element	*/
div.txt3btnc-alignr a{
	color:#135da3;
	text-decoration:none;
}
div.txt3btnc-alignr a:visited{
	color:#6813bd;
}
div.txt3btnc-alignr a:hover{
	text-decoration:underline;
}

/* "ul" element	*/
div.txt3btnc-alignr ul{
	list-style:none;
	margin:0 0 10px;
	padding:0;
}


div.txt3btnc-alignr{
	clear:both;
	width:573px;
	margin-top:1px;
	margin-bottom:11px;
	text-align:center;
}
/* position content top 
div.txt3btnc-alignr.pos-top{
}*/

/* position content bottom */
div.txt3btnc-alignr.pos-bottom{
	margin-top:-8px;
}
/* position title bottom */
div.txt3btnc-alignr.pos-title-bottom{
	margin-top:-15px;
}

div.txt3btnc-alignr div.wrap{
	width:30%;/* dummy size */
	padding: 0 12px;
}
html.js div.txt3btnc-alignr div.wrap{
	float:right;
	width:20%;/* dummy size */
}

div.txt3btnc-alignr div.wrap ul{
	margin-bottom:0;
	width:160px;
	text-align:left;
	background:url("../../common/img/common/bg-btnc.gif") repeat-x;
	border:1px solid #ccc;
}

div.txt3btnc-alignr div.wrap ul li{
	display:inline;
}

div.txt3btnc-alignr div.wrap ul li a{
	display:block;
	_width:100%;
	padding:5px 5px 5px 19px;
	font-weight:bold;
	background:url("../../common/img/common/arrow-cir-right-blue-non.gif") 4px 0.7em no-repeat;
}




/* 11. "key image navigation" module (div.keyimgnav2_o)
---------------------------------------------------	*/
div.keyimgnav2_o{
	font-size:75%;
	line-height:135%;
}

div.keyimgnav2_o ul{
	list-style:none;
	margin:0 0 10px;
	padding:0;
}

div.keyimgnav2_o a{
	color:#135da3;
	text-decoration:none;
}

div.keyimgnav2_o a:visited{
	color:#6813bd;
}

div.keyimgnav2_o a:hover{
	text-decoration:underline;
}

div.keyimgnav2_o{
	width:573px;
	margin-bottom:10px;
	background:url("../img/common/bg-keyimgnav2.gif") repeat-y;
}

div.keyimgnav2_o div.col01{
	width:376px;
	float:left;
}
div.keyimgnav2_o div.col01 div#pictcol{
	width:346px;
	height:262px;
	_height:263px;
	margin-top:15px;
	margin-left:15px;
	overflow:hidden;
}
div.keyimgnav2_o div.col01 div#pictcol p{
	margin:0;
	padding:0;
}
div.keyimgnav2_o div.col01 div#pictcol p img{
	vertical-align:bottom;
}

div.keyimgnav2_o div.col02{
	width:197px;
	float:right;
}

div.keyimgnav2_o div.col02 div.infocol{
	margin:10px 10px 0px;
}

div.keyimgnav2_o div.col02 div.infocol p{
	margin-bottom:6px;
}

/* ul normal_o style */
ul.normal_o li,
li.normal_o{
	padding-left:14px;
	background:url("../../common/img/common/blet-li.gif") 5px 0.6em no-repeat;	
}
ul.normal_o li,
li.normal_o{margin-bottom:1px;
}


div.keyimgnav2_o div.col02 div.navcol{
	margin:0 10px 5px;
	background:#ffffff;
	padding:0 10px 5px;
}

div.keyimgnav2_o div.col02 div.navcol p{
	margin-bottom:2px;
	padding-top:3px;
}

div.keyimgnav2_o div.col02 div.navcol ul{
	margin:0;
}

div.keyimgnav2_o div.col02 div.navcol ul li{
	float:left;
	width:78px;
	margin:0;
	padding:0 0 2px;
}

div.keyimgnav2_o div.col02 div.navcol ul li img{
	margin-right:4px;
	vertical-align:text-bottom;
}


/* ul normal style */
ul.normal2 li,
li.normal2{
	padding-left:14px;
	background:url("../../common/img/common/blet-li.gif") 5px 0.6em no-repeat;	
}
ul.normal2 li,
li.normal2{margin-bottom:2px;}




/* 12. Extended module /"buy-box_o" module
---------------------------------------------------	*/
/* "a" element	*/
div.buy-box_o a{
	color:#135da3;
	text-decoration:none;
	bottom: 0px; 
}
div.buy-box_o a:visited{
	color:#6813bd;
}
div.buy-box_o a:hover{
	text-decoration:underline;
}

div.buy-box_o{
	margin-top:0px;
	margin-left:3px;
	margin-right:15px;
	margin-bottom:0px;
}


/*	"List link" style	*/
li.btn-lnk-style_3d{
	margin:0px 0px 1px 0px;
	margin-left:2px;
	padding-left:14px;
	text-indent: 0px;
	background:url("../../common/img/common/arrow-cir-right-blue-non.gif") 0 0.3em no-repeat;
}

li.btn-lnk-cart_o{
	margin:0px 0px 1px 0px;
	padding-left:14px;
	text-indent: 2px;
	background:url("../../common/img/common/icon-cart-ext.gif") 0 0.2em no-repeat;
}



/* 13. Btn (div#txt1c div.txt1c.noimg_v2)(hm_module.css)
--------------------------------------------------------------	*/

div#maincol div#txt1c div.txt1c div.btn-bnr ul li a.noimg_l2{
	padding-top:14px;
	padding-bottom:13px;
}


/* 14. Sitemap (div.sitemap)
--------------------------------------------------------------	*/
div.sitemap{
	margin:0px 0px 33px 0px;
}





/* 15. "divider" module (div.divider_g)
-------------------------------------	*/
div.divider_g{
	clear:both;
	width:573px;
	height:1px;
	margin:0px 0px 5px 0px;
	background:url("../../common/img/common/ls-bg-divider-gray.gif") no-repeat;
}






/* 16. "btn-pagetop2" module (div.btn-pagetop2)
---------------------------------------------------	*/
/* "a" element
-----------------------------------------------	*/
div.btn-pagetop2 a{
	color:#135da3;
	text-decoration:none;
}

div.btn-pagetop2 a:visited{
	color:#6813bd;
}

div.btn-pagetop2 a:hover{
	text-decoration:underline;
}

/* "ul" element
-----------------------------------------------	*/
div.btn-pagetop2 ul{
	list-style:none;
	margin:0 0 0px;
	padding:0;
}

div.btn-pagetop2{
	margin-top:0px;/*	inportant */
	clear:both;
	width:573px;
	font-size:75%;
	margin:1px 0 4px 0;
	/*	_margin:-8px 0 20px;	*/
}

div.btn-pagetop2 li a{
	display:block;
	float:right;
	/*	margin-top:-8px;	*/
	_margin-top:0;
	padding-left:13px;
	text-decoration:none;
	color:#135da3;
	background:url("../../common/img/common/arrow-pagetop.gif") 0 50% no-repeat;
}
div.btn-pagetop2 li a:hover{
	text-decoration:underline;
}