@charset "iso-8859-1";

/*

information{
	file name : /common-new/css/layout.css;
	infomation : This CSS file define a layout format.;
	site name : Panasonic Global;
	url : http://panasonic.net;
	copyrihgt : Copyright (C) 2007 Matsushita Electric Industrial Co., Ltd. All Rights Reserved.;
}
*/





/* contents
--------------------------------------------------------------------------
1. Coutent wrap (#contentwrap) (outer)
2. Header navigation area (#headerwrap)
3. Main Content wrap (#mainwrap)
3-1. Breadcrumb (#breadcrumb)
3-2. Page Title (#pagetitle)
3-3. Two columns area (#twocolwrap)
3-3-1. Main contents area (#maincol)
3-3-2. Local navigation area (#leftcol)
4. Footer navigation area (#footerwrap)
--------------------------------------------------------------------------
*/



body{
	text-align:center;
}



/* 1. Coutent wrap (#contentwrap) (outer)
-----------------------------------------------	*/
div#contentwrap{
	text-align:left;
	width: 770px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}













/* 2. Header navigation area (#headerwrap)
-----------------------------------------------	*/
div#headerwrap{
	width:770px;
}













/* 3. Main Content wrap (#mainwrap)
-----------------------------------------------	*/
div#mainwrap{
	clear:both;
	width:770px;/*	fix	*/
}





/* 3-1. Breadcrumb (#breadcrumb)
-----------------------------------------------	*/
div#breadcrumb{
	clear:both;
	width:770px;/*	fix	*/
}





/* 3-2. Page Title (#pagetitle)
-----------------------------------------------	*/
div#pagetitle{
	/*	\*/clear:both;/* */
	float:left;
	width:770px;/*	fix	*/
}


/* 3-3. Two columns area (#twocolwrap)
-----------------------------------------------	*/
div#twocolwrap{
	clear:both;
	width:770px;/*	fix	*/
}

div#twocolwrap_s{
	clear:both;
	width:720px;/*	fix	*/
	height: 50px;
}



/* 3-3-1. Main contents area (#maincol)
-----------------------------------------------	*/
div#maincol{
	float:right;
	width:573px;/*	fix	*/
	padding-top:10px;
}
/* none Left column version	*/
body.delleftcol div#maincol{
	float:left;
	margin-left:0px;/*	fix	*/
	padding-left: 0px;
	width: 280px;
	padding-top: 50px;
	padding-bottom: 50px;
}
/* keyimage	*/
body.keyimg div#maincol,
body.utilitynav div#maincol{
	padding-top:1px;
	_padding-top:2px;
}



/* 3-3-2. Local navigation area (#leftcol)
-----------------------------------------------	*/
div#leftcol{
	float:left;
	width:179px;/*	fix	*/
	padding-bottom:20px;
}













/* 4. Footer contents area (#maincol)
-----------------------------------------------	*/
div#footerwrap{
	clear:both;
	width:770px;
}
.img_float_left {
	float: left;
	padding-right: 4px;
}
.second_menu {
	margin-left: 10px;
	background: url(../img/arrow-cir-right-blue-e5.gif) no-repeat 3px 0.3em;
	width: 310px;
	padding-left: 15px;
}
.agree_float_left {
	float: left;
}
.agree_float_right{
	float: right;
	padding-right: 180px;
}
.button_float_left{
	float: left;
	padding-right: 10px;
}
#button_setumei {
	font: 12px Arial, Helvetica, sans-serif;
	height: 30px;
	display: block;
}
#appli_button_setumei {
	font: 12px Arial, Helvetica, sans-serif;
	margin-top: 30px;
}
.attachment {
	font: normal 12px Arial, Helvetica, sans-serif;
	width: 650px;
	text-decoration: none;
	text-align: left;
}
.direction {
	font: 12px Arial, Helvetica, sans-serif;
	height: auto;
	width: 730px;
	margin-left: 30px;
}
.sample {
	margin-left: 53px;
}
.text_area {
	margin: 10px;
	font-size: 12px;
}
.setumei_appli {
	font: 12px Arial, Helvetica, sans-serif;
	color: #222222;
	width: 500px;
	float: left;
	margin-right: 10px;
	margin-left: 40px;
}
.img_float_right {
	float: right;
	padding-right: 10px;
}
#setumei_left {
	font-size: 12px;
	color: #222222;
	width: 500px;
	float: left;
	margin-left: 20px;

}
#case_right {
	font-size: 12px;
	color: #FFF;
	width: 180px;
	margin-left: 10px;
	float: left;
	height: 75px;
	margin-bottom: 15px;
}

#casestudy_left {
	font-size: 12px;
	width: 350px;
	float: left;
	margin-left: 25px;
	margin-bottom: 30px;

}
#casestudy_right {
	font-size: 12px;
	width: 350px;
	margin-left: 20px;
	float: left;
	margin-bottom: 15px;
}

.framediv_agreement{
	width:600px;
	height:400px;
	overflow:auto;
	border: thin groove #999;
	margin-bottom: 20px;
	float: left;
	margin-left: 20px;
}
#print {
	font: 12px Arial, Helvetica, sans-serif;
	background: url("../img/common/icon-print.gif") no-repeat 0em;
	float: right;
	margin-right: 55px;
	padding-left: 18px;
	width: 60px;
}
#pdf {
	font: 12px Arial, Helvetica, sans-serif;
	background: url("../img/common/icon-pdf.gif") no-repeat 0em;
	float: right;
	margin-right: 55px;
	padding-left: 18px;
	width: 60px;
}