@charset "utf-8";

/* COMPANY.CSS  */


/*--------------------------------------
*	
*	00.BASIC STRUCTURE
*	01.INDEX
*	02.MAP
*	03.CONTACT
*	04.PRIVACY
*
*--------------------------------------*/


/**-------------------------------------
	00.BASIC STRUCTURE
---------------------------------------**/

/*- box -*/

div#contents div#sideCont
{
	float: left;
	margin: 0;
	padding: 0;
	width: 201px;
	position: relative;
	z-index: 2;
}

div#contents div#companyCont
{
	float: left;
	margin: 30px 0 0 -1px;
	padding: 10px 0 0;
	background: url(../../common/images/box/box730_01.gif) top left no-repeat;
	width: 730px;
	position: relative;
	z-index: 1;
}

div#contents div.box730
{
	margin: 0;
	padding: 0 0 20px 5px;
	background: url(../../common/images/box/box730_02.gif) bottom left no-repeat;
	width: 725px;
}

/*- companyNavi -*/

div#contents div#sideCont ul.companyNavi
{
	margin: 0;
	padding: 10px 0 45px;
}

div#contents div#sideCont ul.companyNavi li
{
	margin: 0;
	padding: 0;
	height: 45px;
}

div#contents div#sideCont div.blogBnr
{
	margin: 0;
	padding: 10px 0 45px;
}

div#contents ul.contactBox
{
	margin: 0;
	padding: 15px 0 5px;
}

ul.contactBox li
{
	margin: 0;
	padding: 0;
	height: 35px;
}

div#contents div#sideCont p.offWD
{
	margin: 0;
	padding: 5px 0 0 10px;
	font-size: 92%;
	font-weight: bold;
}

div#contents div#sideCont p.naviContactComment
{
	margin: 0;
	padding: 5px 20px 0 10px;
	font-size: 77%;
	color: #666666;
	line-height: 1.3;
}

div#contents div#companyCont h2
{
	margin: 0 0 30px 15px;
	padding: 15px 0 0;
	border-bottom: 3px solid #666666;
	width: 690px;
}


/**-------------------------------------
	01.INDEX
---------------------------------------**/

table#companyTable
{
	clear: left;
	margin: 0 0 20px 15px;
	border-collapse: collapse;
	width: 690px;
}
	
table#companyTable th,
table#companyTable td
{
	padding: 10px 5px;
	border-bottom: 1px dotted #CCCCCC;
	border-top: 1px dotted #CCCCCC;
	background: #FFFFFF;
	text-align: left;
	vertical-align: top;
	font-size: 92%;
}

#contents div.cont table#companyTable p
{
	margin: 0 0 5px;
	padding: 0;
	font-size: 100%;
	width: 600px;
}


/**-------------------------------------
	02.MAP
---------------------------------------**/

#contents div#companyCont iframe
{
	margin: 0 0 20px 15px;
	padding: 10px;
	background: url(../../common/images/lib/bg_common_03.gif);
}

#contents p.showroominfo
{
	margin: 0 0 0 20px;
	font-size: 92%;
}


/**-------------------------------------
	03.CONTACT
---------------------------------------**/


#contents p.contactInfo
{
	margin: 0 0 0 20px;
	font-size: 92%;
}

#contents p.contactInfoMini
{
	margin: 0 0 20px 20px;
	font-size: 77%;
}

#contactForm input,
#contactForm form textarea
{
	padding: 5px;
	border: 1px solid #C5C5C5;
	font-size: 92%;
}

#contactForm input:hover,
#contactForm textarea:hover,
#contactForm input:focus,
#contactForm textarea:focus
{
	border-color: #B6B6B6;
	background-color: #F5F5F5;
}

#contactForm input#company,
#contactForm input#name,
#contactForm input#tel
{
	width: 170px;
	height: 16px;
}

#contactForm input#email
{
	width: 340px;
	height: 16px;
}

#contactForm textarea
{
	width: 350px;
	height: 130px;
	line-height: 1.5em;
}

#contactForm label.error
{
	display: block;
	font-size: 92%;
	color: #CC3366;
}

#contactForm input#submit
{
	display: block;
	margin: 0 0 0 285px;
	width: 120px;
	height: 40px;
	background: url(../../common/images/btn/btn_submit.jpg) top left no-repeat;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
}

#contactForm input#submit:hover
{
	background-position: bottom;
	cursor: pointer;
}


/*- thanks -*/
.thanksMessage
{
	height: 300px;
}


/**-------------------------------------
	04.PRIVACY
---------------------------------------**/

#companyCont div.privacyCont p
{
	margin: 0 20px 10px 15px;
	font-size: 92%;
}

#companyCont div.privacyCont h4
{
	margin: 40px 0 10px 15px;
	font-size: 92%;
}

#companyCont div.privacyCont dl.privacyBox
{
	margin: 0 20px 10px 15px; 
}

#companyCont div.privacyCont dl.privacyBox dt
{
	font-weight: bold;
	margin: 0 0 0.5em 0;
	font-size: 92%;
}

#companyCont div.privacyCont dl.privacyBox dd
{
	margin: 0 0 1.0em;
	padding: 0 0 0 20px;
	font-size: 92%;
}