@charset "utf-8";

body 
{
	margin: 0px;
	padding: 0px;
	color: #666;
	font-size: 11px;
	background-color: transparent;
}

a:link, a:visited
{
	color: #666;
	text-decoration: underline;
}

a:hover{
	color: #f60;
	text-decoration: underline;
}


h1
{
	margin: 0px;
	padding: 0px;
}

h2
{
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

p
{
	margin: 0px;
	padding: 0px;
	font-size: 11px; 
	font-weight: normal; 
	line-height: 1.5em;
	letter-spacing: 0em;
}


ul	
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

li
{
	margin: 0px; 
	padding: 0px;
}


table
{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

div
{
	word-wrap: break-word; /*IEタグ間のスペースが文字として扱われるのを防ぐ。*/
}

td
{
	padding: 0px;
	word-wrap: break-word; /*IEタグ間のスペースが文字として扱われるのを防ぐ。*/
}


form
{
	margin: 0px; 
	padding: 0px;
}


.body-text   
{
	line-height: 1.5em;
	letter-spacing: 0.2em;
}

.body-text-i { line-height: 1.5em; text-indent: 1em; letter-spacing: 0.2em }
.body-text-b { font-weight: bold; line-height: 1.5em; letter-spacing: 0.2em }
.body-text-i-b { font-weight: bold; line-height: 1.5em; text-indent: 1em; letter-spacing: 0.2em }

td.d13 { background-image: url("../images/d13.gif") }
td.d23 { background-image: url("../images/d23.gif") }
td.d31 { background-image: url("../images/d31.gif") }
td.d32 { background-image: url("../images/d32.gif") }
td.d33 { background-image: url("../images/d33.gif") }

select	{ color: #666; font-size: 11px; letter-spacing: 0.15ex }
option	{ font-size: 11px; letter-spacing: 0.15ex }
input	{ color: #666; font-size: 11px; letter-spacing: 0.15ex }
textarea	{ color: #666; font-size: 11px; letter-spacing: 0.15ex }
button	{ color: #666; font-size: 11px; letter-spacing: 0.15ex }

img	{ border: 0px }


.blue { color: #039 }
.skyblue { color: #cde }
.red  { color: #c00 }
.orange { color: #f60 }

.align-l { text-align: left }
.align-r { text-align: right }
.align-c { text-align: center }
.align-m { vertical-align: middle }
.align-t { vertical-align: top }
.align-b { vertical-align: bottom }
.align-l-m { text-align: left; vertical-align: middle }
.align-l-t { text-align: left; vertical-align: top }
.align-l-b { text-align: left; vertical-align: bottom }
.align-r-m { text-align: right; vertical-align: middle }
.align-r-t { text-align: right; vertical-align: top }
.align-r-b { text-align: right; vertical-align: bottom }
.align-c-m { text-align: center; vertical-align: middle }
.align-c-t { text-align: center; vertical-align: top }
.align-c-b { text-align: center; vertical-align: bottom }

.form-changed { color: #fff; background-color: #f60 }

.label-normal {}
.label-changed { background-color: #cde }

.nw { white-space: nowrap }
.word-nw { word-break: normal; word-wrap: normal }

.bold{ font-weight: bold }
.larger{ font-size: 13px }
.larger-bold{ font-size: 13px; font-weight: bold }

.info-h{ font-size: 14px; font-weight: bold; text-align: center ; letter-spacing: 0.2em; margin-top: 20px}
.info-table{ border: solid 1px #bbb; margin-top: 10px }
.info-1{ font-size: 12px; background-color: #ddd; vertical-align: top; padding: 10px; line-height: 2em; letter-spacing: 0.2em}
.info-2{ font-size: 12px; vertical-align: top; padding: 10px; line-height: 2em; letter-spacing: 0.2em}
.info-area1{ padding: 3px; font-weight: bold }
.info-area2{ padding: 3px }

.help-h{ font-size: 14px; font-weight: bold; text-align: center ; letter-spacing: 0.2em; margin-top: 20px}

.help-table{ border: solid 1px #bbb; margin-top: 10px }
.help-1{ font-size: 12px; background-color: #ffc; vertical-align: top; padding: 10px; line-height: 1.5em; letter-spacing: 0.2em}
.help-2{ font-size: 12px; vertical-align: top; padding: 10px; line-height: 1.5em; letter-spacing: 0.2em}

.help-c1{ color: #c00; font-size: 12px; font-weight: bold; padding: 20px 20px 5px 20px; letter-spacing: 0.2em}
.help-c2{ font-size: 12px; padding:0px 20px 0px 20px; line-height: 2em; text-indent: 1em; letter-spacing: 0.2em}

.al-h{ font-size: 14px; font-weight: bold; text-align: center ; letter-spacing: 0.2em; margin-top: 20px}


#common-header
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
}

	#common-header-table
	{
		margin: 2px 0px 0px auto;
	}
	
	#common-header h1
	{
		font-size: 10px;
	}

	#common-header-cart-text
	{
		padding: 0px 0px 5px 0px;
		font-size: 12px;
		font-weight: bold;
	}

#common-ad
{
	width: 978px;
	height:58px;
	border: solid 1px #c00;
	margin: 0px 0px 10px 0px;
	background-color: #fff0e6;
	vertical-align: middle;
}

	#common-ad h1
	{
		margin: 5px 0px 0px 0px;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		color: #c00;
	}

	#common-ad h2
	{
		margin: 5px 0px 0px 0px;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		color: #c00;
	}

#common-menu
{
	height: 30px;
	width: 980px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/header_menu_back.gif);
	font-size: 12px;
}

	#common-menu td
	{
		vertical-align: middle;
	}

	#common-menu a, #common-header-cart-text a
	{
		text-decoration: none;
	}	
	#common-menu a
	{
		display: block;
		text-align: center;
	}


/*IE独自機能*/
.work-title
{
	word-break: break-all; 
	word-wrap: break-word;
}