@charset "utf-8";

/* CATALOG.CSS  */


/*--------------------------------------
*	
*	00.BASIC STRUCTURE
*	01.CATALOG
*	02.PAMPHLET
*
*--------------------------------------*/


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

/*- box -*/

div#contents div#catalogCont
{
	margin: 0;
	padding: 10px 0 0;
	background: url(../../common/images/box/box930_01.gif) top left no-repeat;
	width: 930px;
}

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

/*- box_pamphlet -*/

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

div#contents div#pamphletCont
{
	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;
}

/*- catalogNavi -*/

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

div#contents div#sideCont ul.catalogNavi li
{
	margin: 0;
	padding: 0;
	height: 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;
}



/**-------------------------------------
	01.CATALOG
---------------------------------------**/

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

div#contents div#catalogCont p
{
	margin: 5px 0 5px 15px;
	padding: 0;
}

#contents div#catalogCont div.catalogBox
{
	float: left;
	margin: 0;
	padding: 0 5px 0 25px;
	width: 420px;
}

#contents div#catalogCont div.clearRight
{
	clear: right
}

#contents div#catalogCont div.catalogBox h4
{
	margin: 0;
	padding: 0;
}

#contents div#catalogCont div.catalogBox h5
{
	margin: 20px 0 0;
	padding: 0;
}

#contents div#catalogCont div.catalogBox p.itemName
{
	margin: 10px 0 0;
	padding: 0 0 0 20px;
	background: url(../images/catalog_pin.gif) no-repeat;
}

#contents div#catalogCont div.catalogBox p.catalogBtn
{
	margin: 3px 0 0;
	padding: 0 0 0 20px;
}

#contents div#catalogCont div.catalogBox p.catalogBtn a img
{
	margin: 0;
	padding: 0 15px 0 0;
}


/**-------------------------------------
	02.PAMPHLET
---------------------------------------**/

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

table.pamphletTable
{
	clear: left;
	margin: 0 0 20px 15px;
	border-collapse: collapse;
	width: 690px;
}
	
table.pamphletTable th,
table.pamphletTable 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%;
}
	
table.pamphletTable td.itemNameArea
{
	width: 540px;
}

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

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

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

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

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

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

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

#pamphletForm textarea#address
{
	width: 350px;
	height: 60px;
	line-height: 1.5em;
}

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

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

#pamphletForm 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;
}

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


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