@charset "utf-8";


/* ロゴ 
------------------------------------------------------------- */
div#header div.logo a {
	position: absolute;
	left: 45px;
	top: 0;
	width: 235px;
	height: 100px;
	text-indent: -999999px;
	background: url(../img/logo.gif) no-repeat scroll 0 0;
}


/* 見出し
------------------------------------------------------------- */
#product .main h2 {
	margin-bottom: 0.7em;
	padding: 0.3em 0.5em;
	border-bottom: dotted 1px #cccccc;
	color: #0860A8;
	font-size: 160%;
	font-weight: bold;
}

body#product div#pageTitle {
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}

#product #pageTitle h1 {
	background: transparent url(../contact/img/page-title.jpg) no-repeat scroll 0 0;
}

body#product div#pageTitle h1 {
	height: 110px;
	margin-left: 15px;
	text-indent: -99999px;
	background: transparent url(../product/images/page-title.jpg) no-repeat scroll 0 0;
}


/* メイン
------------------------------------------------------------- */
body {
	text-align: center;
	background-attachment: scroll;
	background-image: none;
	background-repeat: repeat-x;
	background-position: center top;
}

div#wrapper {
	margin: 0 auto;
}

div.main {
	padding-right: 20px;
}

#product .main .entry {
	margin-bottom: 2em;
}

#product .main .entry p.option {
	margin-bottom: 1em;
	font-size: 90%;
	text-align: right;
}

#product .main .entry p.option img {
	vertical-align: middle;
}

#product .main .productBox {
	margin-bottom: 2em;
}

#product .main .productBox dl {
	float: left;
	width: 210px;
}

#product .main .productBox dl dt,
#product .main .productBox dl dd {
	margin: 0 10px;
}

#product .main .productBox dl dt {
	padding: 0.2em 0.5em;
	color: #ffffff;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
}

#product .main .productBox dl dt.name {
	padding: 0.1em 0.5em;
	border-top: dotted 1px #ffffff;
}

#product .main .productBox dl dd p.imageBox {
	position: relative;
	margin: 0 !important;
	padding: 3px 0;
	border-right: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	text-align: center;
}

#product .main .productBox dl dd p.imageBox span.option {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 23px;
}

#product .main .productBox dl dd p.imageBox a img {
	border-style: solid;
	border-width: 1px;
}

#product .main .productBox dl dd p.imageBox a:hover img {
	border-color: #000000;
}

#product .main .productBox dl.category1 dt.category {
	background: #ffaa00 url(../product/images/category1-bgi.gif) no-repeat scroll 0 0;
}

#product .main .productBox dl.category1 dt.name {
	background-color: #ffaa00;
}

#product .main .productBox dl.category1 dd p.imageBox img {
	border-color: #ffaa00;
}

#product .main .productBox dl.category2 dt.category {
	background: #6666ff url(../product/images/category2-bgi.gif) no-repeat scroll 0 0;
}

#product .main .productBox dl.category2 dt.name {
	background-color: #6666ff;
}

#product .main .productBox dl.category2 dd p.imageBox img {
	border-color: #6666ff;
}

#product .main .productBox dl.category3 dt.category {
	background: #00cc00 url(../product/images/category3-bgi.gif) no-repeat scroll 0 0;
}

#product .main .productBox dl.category3 dt.name {
	background-color: #00cc00;
}

#product .main .productBox dl.category3 dd p.imageBox img {
	border-color: #00cc00;
}

#product .main .productBox dl.category4 dt.category {
	background: #00e599 url(../product/images/category4-bgi.gif) no-repeat scroll 0 0;
}

#product .main .productBox dl.category4 dt.name {
	background-color: #00e599;
}

#product .main .productBox dl.category4 dd p.imageBox img {
	border-color: #00e599;
}

#product .main .productBox dl.category5 dt.category {
	background: #00aaff url(../product/images/category5-bgi.gif) no-repeat scroll 0 0;
}

#product .main .productBox dl.category5 dt.name {
	background-color: #00aaff;
}

#product .main .productBox dl.category5 dd p.imageBox img {
	border-color: #00aaff;
}

#product .main .productBox dl.category6 dt.category {
	background: #ace500 url(../product/images/category6-bgi.gif) no-repeat scroll 0 0;
}

#product .main .productBox dl.category6 dt.name {
	background-color: #ace500;
}

#product .main .productBox dl.category6 dd p.imageBox img {
	border-color: #ace500;
}

#product .main .productBox dl.category7 dt.category {
	background: #c34dff url(../product/images/category7-bgi.gif) no-repeat scroll 0 0;
}

#product .main .productBox dl.category7 dt.name {
	background-color: #c34dff;
}

#product .main .productBox dl.category7 dd p.imageBox img {
	border-color: #c34dff;
}

#product .main .productBox dl.category8 dt.category {
	background: #ff4dc4 url(../product/images/category8-bgi.gif) no-repeat scroll 0 0;
}

#product .main .productBox dl.category8 dt.name {
	background-color: #ff4dc4;
}

#product .main .productBox dl.category8 dd p.imageBox img {
	border-color: #ff4dc4;
}

#product .main .productBox dl.category9 dt.category {
	background: #ff4d4d url(../product/images/category9-bgi.gif) no-repeat scroll 0 0;
}

#product .main .productBox dl.category9 dt.name {
	background-color: #ff4d4d;
}

#product .main .productBox dl.category9 dd p.imageBox img {
	border-color: #ff4d4d;
}

#product .main .productBox dl.category10 dt.category {
	background: #ccff00 url(../product/images/category10-bgi.gif) no-repeat scroll 0 0;
}

#product .main .productBox dl.category10 dt.name {
	background-color: #ccff00;
}

#product .main .productBox dl.category10 dd p.imageBox img {
	border-color: #ccff00;
}

#product .main .productBox dl.category11 dt.category {
	background: #6699ff url(../product/images/category11-bgi.gif) no-repeat scroll 0 0;
}

#product .main .productBox dl.category11 dt.name {
	background-color: #6699ff;
}

#product .main .productBox dl.category11 dd p.imageBox img {
	border-color: #6699ff;
}

#product .main .productBox dl.category12 dt.category {
	background: #ffcc44 url(../product/images/category12-bgi.gif) no-repeat scroll 0 0;
}

#product .main .productBox dl.category12 dt.name {
	background-color: #ffcc44;
}

#product .main .productBox dl.category12 dd p.imageBox img {
	border-color: #ffcc44;
}

#product .main .productBox dl.category13 dt.category {
	background: #ffcc44 url(../product/images/category13-bgi.gif) no-repeat scroll 0 0;
}

#product .main .productBox dl.category13 dt.name {
	background-color: #ffcc44;
}

#product .main .productBox dl.category13 dd p.imageBox img {
	border-color: #ffcc44;
}

#product .main .productBox dl.category14 dt.category {
	background: #ff6633 url(../product/images/category14-bgi.gif) no-repeat scroll 0 0;
}

#product .main .productBox dl.category14 dt.name {
	background-color: #ff6633;
}

#product .main .productBox dl.category14 dd p.imageBox img {
	border-color: #ff6633;
}

#product .main .productBox table {
	width: 190px;
	border: 1px solid #cccccc;
	border-collapse: separate;
	border-spacing: 1px;
	color: #444444;
	font-size: 80%;
}

#product .main .productBox table tbody th {
	padding: 0.2em 0.3em;
	border: 1px solid #66C3EE;
	color: #004899;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	background: #e7f5ff url(../img/table-header-bgi.gif) repeat-x scroll 0 0;
}

#product .main .productBox table tbody td {
	padding: 0.2em 0.3em;
	border: 1px solid #e5e5e5;
	text-align: left;
	background: #ffffff url(../img/table-data-bgi.gif) repeat-x scroll 0 0;
}

#product .main .productBox p.downloadNav a {
	display: block;
	width: 190px;
	height: 64px;
	text-indent: -9999em;
	background: transparent url(../product/images/download-nav.jpg) no-repeat scroll 0 0;
}

#product .main .productBox p.downloadNav a:hover {
	background: transparent url(../product/images/download-nav.jpg) no-repeat scroll -190px 0;
}


/* 管理画面用
------------------------------------------------------------- */
#product .main #ad p {
	margin-bottom: 1em;
	font-size: 90%;
}

#product .main #ad ul#adMenu {
	margin-bottom: 2em;
	border-top: dotted 1px #cccccc;
}

#product .main #ad ul#adMenu li {
	padding: 2px 0;
	border-bottom: dotted 1px #cccccc;
	font-size: 200%;
}

#product .main #ad ul#adMenu li a {
	display: block;
	padding: 0.5em;
	color: #0860A8;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(../product/images/ad-menu-bgi.gif) no-repeat scroll right center;
}

#product .main #ad ul#adMenu li a em {
	margin-left: 2em;
	color: #999999;
	font-size: 40%;
	font-weight: normal;
}

#product .main #ad ul#adMenu li a:hover {
	color: #0860A8;
	background: #99ccff url(../product/images/ad-menu-bgi-hover.gif) no-repeat scroll right center;
}

#product .main #ad ul#adMenu li a:hover em {
	color: #ffffff;
}

#product .main form {
	margin-bottom: 2em;
}

#product .main form table.adTable {
	width: 620px;
	margin-bottom: 1em;
	border: 1px solid #cccccc;
	border-collapse: separate;
	border-spacing: 2px;
	color: #444444;
	font-size: 90%;
	line-height: 140%;
}

#product .main form table.adTable tbody th {
	border: 1px solid #66C3EE;
	color: #004899;
	font-weight: bold;
	padding: 0.3em 1em;
	vertical-align: top;
	white-space: nowrap;
	text-align: left;
	background: url(../img/table-header-bgi.gif) repeat-x scroll 0 0 #e7f5ff;
}

#product .main form table.adTable tbody td {
	border: 1px solid #e5e5e5;
	padding: 0.3em 1em;
	text-align: left;
	background: url(../img/table-data-bgi.gif) repeat-x scroll 0 0 #ffffff;
}

#product .main form table.adTable tbody td em {
	margin-left: 1em;
	color: #ee0000;
}

#product .main form table.adTable tbody td img {
	border: solid 1px #000000;
}

#product .main form input.short {
	width: 120px;
}

#product .main form input.middle {
	width: 240px;
}

#product .main form input.long,
#product .main form textarea {
	width: 340px;
}

#product .main form fieldset {
	text-align: center;
}

#product .main table#productList {
	width: 620px;
	margin-bottom: 2em;
	border: 1px solid #cccccc;
	border-collapse: separate;
	border-spacing: 2px;
	color: #444444;
	font-size: 90%;
	line-height: 140%;
}

#product .main table#productList thead th {
	padding: 0.2em 0.5em;
	border: 1px solid #66C3EE;
	color: #0860A8;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	background: url(../img/table-header-bgi.gif) repeat-x scroll 0 0 #e7f5ff;
}

#product .main table#productList tbody th,
#product .main table#productList tbody td {
	padding: 0.2em 0.5em;
	border: 1px solid #e5e5e5;
	text-align: left;
	background: url(../img/table-data-bgi.gif) repeat-x scroll 0 0 #ffffff;
}

#product .main table#productList tbody td.textCenter {
	text-align: center;
}

#product .main ul.error {
	list-style-type: circle;
	padding-bottom: 1em;
	color: #ff0000;
	font-weight: bold;
}

#product .main ul.error li {
	margin-left: 2em;
	padding: 0.3em 0;
	font-size: 90%;
}