/*******************************************************
 * style_table.css
 * CREATED BY Design Studio MYS
 * CREATE DATE : 2007.01.29
 * UPDATE DATE : 2007.11.15
 *******************************************************/





/* -----------------------------------------------------
	DIV : ARTICLE RECOMMENDED LIST BOX
----------------------------------------------------- */

.articleRecommendedTitle {
	clear:both;
	margin: 2px 0px 0px 0px;
	padding: 0px 10px;
	_padding: 5px 10px;
	line-height: 2em;
	border: 1px solid #ccc;
	background-image: url('../images/wallpaper/bgimg_background_whitegray1.jpg');
	background-repeat: repeat-x;
	color: #44a;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}
.articleRecommendedListBox {
	float: left;
	margin: 2px;
	padding: 1px;
//	_padding: 3px 1px;
	width: 258px;
	border: 1px solid #ccc;
	height: 90px;
}
.articlePhoto {
	float: left;
	width: 100px;
}
.articleContent {
	float: left;
	padding: 0px 0px 0px 5px;
	_padding: 3px 15px 0px 5px;
	width: 148px;
	_width: 135px;
	line-height: 10px;
	_line-height: 13px;
	font-size: 10px;
}
.articleInfo,
.articleInfo a {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
}
/*
*:first-child+html div#articleRecommendedListBox #articleContent a {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
}
*/
.articleInfoPrice {
	font-size: 14px;
	font-weight: bold;
	color: #f00;
}
.articleUpdate {
	font-size: 14px;
	font-weight: bold;
	color: #f84;
}


/* -----------------------------------------------------
	TABLE : INITIALIZE
----------------------------------------------------- */

table
{
	margin: 0;
	padding: 0px;
	width: auto;
	line-height: 18px;
	font-size: 12px;
	border-collapse: collapse;		/* 枠線の間隔を開けない */
	border-spacing: 0;
}



/* -----------------------------------------------------
	TABLE : CONTROL CENTER
----------------------------------------------------- */

table.cc
{
	border: 0px;
	font-size: 10px;
	border-collapse: separate;		/* 枠線の間隔を開けない */
	border-spacing: 1px;
}

table.cc textarea,
table.cc input,
table.cc select
{
	font-size: 12px;
}

table.cc tr,
table.cc td
{
	vertical-align: middle;
	padding: 1px;
	border: none;
	line-height: 1.2em;
}

table.cc td.noneAll
{
	border: none;
	background-color: transparent;
}

table.cc td.noneBorder
{
	border: none;
}

table.cc td.clear
{
	background-color: transparent;
	border: none;
}

table.cc tr.title,
table.cc td.title
{
	color: #fff;
	background-image: url('../images/wallpaper/bgimg_header.gif');
	background-repeat: repeat-x;
	border: none;
}
table.cc td.title h2
{
	text-align: center;
}

table.cc td.title2,
table.cc td.title2b
{
	color: #fff;
	background-image: url('../images/wallpaper/bgimg_background_stripe_green.jpg');
	background-repeat: repeat-x;
	border: none;
	text-align: right;
}
table.cc td.title2b
{
	line-height: 18px;
}

table.cc tr.title3,
table.cc td.title3
{
	color: #fff;
	background-image: url('../images/wallpaper/bgimg_background_stripe_blue.png');
	background-repeat: repeat-x;
	border: none;
	line-height: 18px;
}

table.cc tr.title4,
table.cc td.title4
{
	color: #000;
/*
	background-image: url('../images/wallpaper/bgimg_background_stripe_brown.png');
	background-repeat: repeat-x;
*/
	background-color: #ffdd66;
	border: none;
}

table.cc td.bottom
{
	border:none;
	border-bottom: 1px solid #444;
}

table.cc tr.tdColor1,
table.cc td.tdColor1,
table.cc td.tdColor1b
{
	background-color: #eee;
}

table.cc tr.tdColor2,
table.cc td.tdColor2,
table.cc td.tdColor2b
{
	background-color: #ddd;
}

table.cc tr.tdColor1,
table.cc tr.tdColor2,
table.cc td.tdColor1b,
table.cc td.tdColor2b
{
	line-height: 18px;
}











table.search
{
	color: #000;
	border-collapse: separate;		/* 枠線の間隔を開けない */
	border-spacing: 0px;
}

table.search textarea,
table.search input,
table.search select
{
	font-size: 12px;
	color: #000;
}

table.search td
{
	line-height: 1.8em;
	vertical-align: middle;
	padding: 3px;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #e6ffff;
	color: #000;
	font-size: 14px;
}

table.search tr.title,
table.search td.title
{
	font-weight: bold;
	color: #000;
	background-color: #bff;
}

table.search tr.title3,
table.search td.title3
{
	color: #000;
	font-size: 14px;
	font-weight: bold;
	background-color: #bff;
}

.borderTopLeft
{
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
}

.borderTop
{
	border-top: 1px solid #aaa;
}

.borderLeft
{
	border-left: 1px solid #aaa;
}

.borderNone
{
	border: none;
}

.textColor1
{
	color: #f00;
	font-weight: bold;
	line-height: 1.8em;
}

.textType1
{
	font-size: 14px;
}

.textBold1 {
	font-weight: bold;
}

.widthMax {
	width: 800px;
}

.titleInquiry {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8em;
}

.titleColor1 {
	color: #000;
}

.titleColor2 {
	color: #fff;
}





table.detail
{
	border: 0px;
	font-size: 10px;
	border-collapse: separate;		/* 枠線の間隔を開けない */
	border-spacing: 1px;
}

table.detail tr,
table.detail td
{
	vertical-align: middle;
	padding: 1px;
	border: none;
	line-height: 1.2em;
	font-size: 14px;
}

table.detail td.clear
{
	background-color: transparent;
	border: none;
}

table.detail tr.title,
table.detail td.title
{
	color: #fff;
	border: none;
}
table.detail td.title h2 { text-align: center; }
table.detail td.title2,
table.detail td.title2b
{
	color: #fff;
	border: none;
	text-align: right;
}
table.detail td.title2b {
	line-height: 18px;
}

table.detail tr.title3,
table.detail td.title3
{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #6af;
	border: none;
	line-height: 18px;
}

table.detail td.bottom
{
	border:none;
	border-bottom: 1px solid #444;
}

table.detail tr.tdColor1,
table.detail tr.tdColor2,
table.detail td.tdColor1,
table.detail td.tdColor2,
table.detail td.tdColor1b,
table.detail td.tdColor2b
{
	line-height: 20px;
}

table.detail td.contentCell
{
	font-weight: bold;
	color: #000;
	border: 1px solid #000;
}
table.detail td.contentPrice
{
	font-weight: bold;
	color: #f00;
	border: 1px solid #000;
}




/* -----------------------------------------------------
 INQUIRY TABLE TYPE
----------------------------------------------------- */

table.forms
{
	margin: 0px;
	padding: 0px 3px;
	width: 100%;
	_width: auto;
	border: 0px;
	font-size: 10px;
	border-collapse: separate;		/* 枠線の間隔を開けない */
	border-spacing: 1px;
}

table.forms tr,
table.forms td
{
	padding: 5px;
	vertical-align: middle;
	font-size: 13px;
}
table.forms input,
table.forms textarea
{
	font-size: 14px;
}
table.forms tr.borderLine	td {	background-color: #f2f2f2;	border-bottom: 1px solid #aaa;	}
table.forms tr.borderDot1	td {	background-color: #f4f4f4;	border-bottom: 1px dotted #aaa;	}
table.forms tr.borderDot2	td {	background-color: #f8f8f8;	border-bottom: 1px dotted #aaa;	}
table.forms tr.borderDot3	td {	background-color: #fcfcfc;	border-bottom: 1px dotted #aaa;	}

table.forms td.title1 {	text-align: right;	border-right: 1px dotted #aaa;	}
table.forms td.title2 {	text-align: center;	border-right: 1px dotted #aaa;	}





/* -----------------------------------------------------
 INQUIRY TABLE TYPE
----------------------------------------------------- */

table.inquiry
{
	margin: 0px;
	padding: 0px 3px;
	width: 100%;
	_width: auto;
	border: 0px;
	font-size: 10px;
	border-collapse: separate;		/* 枠線の間隔を開けない */
	border-spacing: 1px;
}

table.inquiry tr,
table.inquiry td
{
	padding: 5px;
	vertical-align: middle;
	font-size: 13px;
}
table.inquiry input,
table.inquiry textarea
{
	font-size: 14px;
}
table.inquiry tr.borderLine	td {	background-color: #f2f2f2;	border-bottom: 1px solid #aaa;	}
table.inquiry tr.borderDot1	td {	background-color: #f8f8f8;	border-bottom: 1px dotted #aaa;	}
table.inquiry tr.borderDot2	td {	background-color: #fcfcfc;	border-bottom: 1px dotted #aaa;	}

table.inquiry td.title {	text-align: right;	border-right: 1px dotted #aaa;	}





/* -----------------------------------------------------
 SCROLLABLE TABLE TYPE
----------------------------------------------------- */

table.scrollable
{
	background: #eeeeee;
}

table.scrollable thead
{
	cursor: pointer;
}

table.scrollable thead tr,
table.scrollable tfoot tr
{
	background: #eeeeee;
}

table.scrollable tbody tr
{
	background: #eeeeee;
}




div#userArea,
div#userArea table,
div#userArea table font
{
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	color: none;
}