@charset "utf-8";
/*--------------------------------------------------------------------------------------
::: categoriesNaming :::
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	1.jpSupport
	2.jpTopics
	3.jpProducts
	4.jpStore
	5.toppage
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*--------------------------------------------------------------------------------------
::: commonReplaceCSS :::
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* ::: nav ::: */
.title1, .title2, .title3, .title4, .title5 {
	width: 150px;
	}

#outer-wrap {
/*	width: 950px;*/
	}
#sandbox {
	width: 750px;
	float: right;
	}
	#sandbox #silo {
		margin: -10px 0 0 0;
		}
	#sandbox #content-sand {
		margin: -30px 0 0 0;
		}
	#sandbox #sand-footer {
		margin-left: -200px;
		clear: both;
		}

div#sandbox-nav {
	z-index: 100;
	}
	#sandbox-nav li {
		position: static;
		height: auto;
		min-height: 30px;
		}
		/*\*/
		*:first-child+html #sandbox-nav li p {
			margin-bottom: 32px;
			}
		*:first-child+html #sandbox-nav li#current p {
			margin-bottom: 7px;
			}
		/**/
		#sandbox-nav li ul {
			margin-left: 25px;
			padding: 80px 0 10px 0;
			width: 160px;
			}
			/*\*/
			*:first-child+html #sandbox-nav li ul {/*IE7*/
				margin-left: 15px;
				padding: 0;
				width: 160px;
				}
			/**/
			#sandbox-nav li ul li {
				height: auto;
				font-size: 15px;
				line-height: 1.2;
				min-height: 1em;
				border-bottom: 1px dotted #aaa;
				padding: 7px 2px;
				margin-bottom: 3px;
				}
				/*\*/
				*:first-child+html #sandbox-nav li ul li {/*IE7*/
					padding: 10px 0;
					}
				/**/
				#sandbox-nav li ul li ul {
					margin-left: 3px;
					padding: 5px 0 2px 0;
					width: 155px;
					}
					/*\*/
					*:first-child+html #sandbox-nav li ul li ul {/*IE7*/
						padding: 0;
						margin: 8px 0 0 0;
						width: 160px;
						}
					/**/
					#sandbox-nav li ul li ul li {
						border-top: 1px dotted #aaa;
						border-bottom: none;
						padding: 5px;
						margin-bottom: 0;
						font-size: 13px;
						background: #c0e879
						}
						/*\*/
						*:first-child+html #sandbox-nav li ul li ul li {/*IE7*/
							padding: 5px;
							}
						/**/
			#sandbox-nav li#current ul li a:hover {
				color: #fff;
				}
			#sandbox-nav li ul li.now,
			#sandbox-nav li#current ul li.now {
				background: #d3f696;
				}

 /* ---------------------------------------------------------------------------------- */
#twocolumn {
	/zoom: 1;
	}
	#twocolumn:after {
		content: '';
		display: block;
		clear: both;
		}

h4 {
	color: #333;
	margin: .75em 0 .5em;
	}
p {
	line-height: 1.6;
	}

/*--------------------------------------------------------------------------------------
::: commonSetCSS :::
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
p.productImageR img {
	float: right;
	margin: 0 0 20px 20px;
	}
p.productImageL img {
	float: left;
	margin: 0 20px 20px 0;
	}


/* ---------------------------------------------------------------------------------- */
/* ::: #jpContent ::: */
.jpTopics #jpContent {
	top: -65px;
	}
.jpSupport #jpContent {
	top: -50px;
	}
.jpProducts #jpContent {
	top: -70px;
	}
.jpStore #jpCompanyInfo {
	top: -120px
	}
.jpStore.jpCocoa #jpContent {
	top: 20px
	}
.jpContact #jpContent {
	top: -80px
	}
.jpPrivacy #jpContent {
	top: 20px
	}
.jpTopics #jpContent,
.jpSupport #jpContent,
.jpProducts #jpContent,
.jpStore #jpCompanyInfo,
.jpStore.jpCocoa #jpContent,
.jpContact #jpContent,
.jpPrivacy #jpContent {
	position: relative;
	z-index: 950;
	}
ul.subCategories {
	margin-left: 14px;
	line-height: 17px;
	}
	ul.subCategories li {
		list-style: disc outside none;
		color: #666;
		margin-bottom: 10px;
		}
	ul.subCategories li a {
		color: #f90;
		}
	ul.subCategories li a:hover {
		color: #f90;
		text-decoration: underline;
		}
		ul.subCategories li span {
			font-weight: bold;
			}
#jpContent a {
	color: #f90;
	text-decoration: underline;
	}
	#jpContent a:hover {
		text-decoration: none;
		}

/* ---------------------------------------------------------------------------------- */
#jpContent h2 {
	font-size:14px;
	font-weight:bold;
	margin-left:0;
	margin-top:-5px;
	line-height: 1.2;
	color: #000;
	}
	#jpContent h2 a,
	#twocolumn h2 a {
		color: #000;
		text-decoration: none;
		}
		#jpContent h2 a:hover,
		#twocolumn h2 a:hover {
			color: #f90;
			text-decoration: underline;
			}

/* ---------------------------------------------------------------------------------- */
#jpContent h3 {
	color:#666;
	font-size:12px;
	}
	#jpContent h3 a {
		color:#666;
		}
		#jpContent h3 a:hover {
			color: #f90;
			text-decoration: underline;
			}

/* ---------------------------------------------------------------------------------- */
#twocolumn div.important,
#twocolumn div.mess {
	margin-bottom: 1em;
	}
	#twocolumn div.important p {
		color: #f00;
		}
	#twocolumn div.mess p {
		color: #666;
		}
	#twocolumn div.important p,
	#twocolumn div.mess p {
		margin-bottom: 0;
		}

/* ---------------------------------------------------------------------------------- */
div.box div {
	padding-bottom: 10px;
	}
	div.box div {}
		div.box div div {}
			div.box div div p.subCategories {
				padding: 0 0 0 2em;
				}
				div.box div div p.subCategories span.review {
					position: static;
					}

/* ---------------------------------------------------------------------------------- */
p.toCategories {
	text-align: right;
	}
hr {
	margin-bottom: 20px;
	}

/* ---------------------------------------------------------------------------------- */
div.information {
	width: 514px;
	margin: -15px 0 50px 0;
	border: solid 3px #C8F082;
	padding: 15px 15px 10px 15px;
	position: relative;
	}
	div.information h2 {
		font-size: 14px;
		margin: 0 0 15px 0;
		font-weight: bold;
		color: #666;
		}
	div.information p.informationNote {
		font-size: 90%;
		text-indent: -1em;
		padding-left: 1em;
		}
	div.information ul {
		padding-left: 2em;
		padding-bottom: 1em;
		}
	div.information ul li {
		list-style-position: outside;
		list-style-type: disc;
		}
	div.information hr {
		width: 514px;
		margin-top: 20px;
		}
	div.information table {
		margin-bottom: 10px;
		border-top: 1px dotted #ccc; 	
		}
		div.information table th,
		div.information table td {
			padding: 5px 5px 5px 0;
			border-bottom: 1px dotted #ccc; 
			}

.note {
	padding: 0 0 0 1em;
	text-indent: -1em;
	}
.attention {
	color: #f00;
	}

/*--------------------------------------------------------------------------------------
::: eachPages :::
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* ---------------------------------------------------------------------------------- */
/* ::: 1.jpSupport ::: */
.jpSupport #content-sand {
	padding-bottom: 30px;
	}
.jpSupport #content-sand p#mainimage {
	position: absolute;
	right: -10px;
	top: 65px;
	z-index: 5;
	}
	/*\*/
	*:first-child+html .jpSupport #content-sand p#mainimage {
		top: 65px;
		}
	/**/

	.jpSupport #content-sand p#mainimage, x:-moz-any-link {
		top: 45px;
		}
.jpSupport #content-sand p.pageLead {
	width: 300px;
	line-height: 1.8;
	padding-bottom: 30px;
	}


.jpSupport #content-sand .section,
.jpSupport #content-sand hr {
	width: 600px;
	}
.jpSupport #content-sand .section {
	padding: 0;
	margin: 0 0 30px 0;
	}
.jpSupport #content-sand hr {
	margin: 0 150px 25px 0;
	}
	.jpSupport #content-sand .section h2,
	.jpSupport #content-sand .otherCategories h2 {
		font-size: 14px;
		color: #000;
		font-weight: bold;
		line-height: 1.6;
		margin-left: 0;
		margin-top: -5px;
		}
		.jpSupport #content-sand .section h2 a:link { color: #000; }
		.jpSupport #content-sand .section h2 a:visited { color: #000; }
		.jpSupport #content-sand .section h2 a:hover { color: #f90; }
		.jpSupport #content-sand .section h2 a:active { color: #f90; }

	.jpSupport #content-sand .section .jpOftenQ {
		border: 2px solid #ccc;
		padding: 15px 15px 10px 15px;
		margin-bottom: 1em;
		}
		.jpSupport #content-sand .section .jpOftenQ h3 {
			color: #666;
			padding-bottom: .5em;
			}
		.jpSupport #content-sand .section .jpOftenQ ul {}
			.jpSupport #content-sand .section .jpOftenQ ul li {
				margin-bottom: .3em;
				}
		.jpSupport #content-sand .section .jpOftenQ form {
			padding-top: 1em;
			}
			.jpSupport #content-sand .section .jpOftenQ form p label {
				font-size: 14px;
				font-weight: bold;
				display: block;
				}
			.jpSupport #content-sand .section .jpOftenQ form p input#search {
				height: 1.7em;
				line-height: 1.3;
				width: 360px;
				}
			.jpSupport #content-sand .section .jpOftenQ form p input.s_button {
				position: relative;
				top: .6em;
				}

	.jpSupport #content-sand .section .section {
		padding: 20px 0 10px 0;
		margin: 0;
		border-bottom: dotted 1px #dcdcdc;
		}
		.jpSupport #content-sand .section .section h3 {
			color: #666;
			}
			.jpSupport #content-sand .section .section h3 a:link { color: #666; }
			.jpSupport #content-sand .section .section h3 a:visited { color: #666; }
			.jpSupport #content-sand .section .section h3 a:hover { color: #f90; }
			.jpSupport #content-sand .section .section h3 a:active { color: #666; }

	.jpSupport #content-sand .section .subCategories {}
		.jpSupport #content-sand .section .subCategories li {
			margin-bottom: .5em;
			}
	.jpSupport #content-sand .otherCategories {
		background: #f4f4f4;
		margin-bottom: 30px;
		padding: 15px 0 0 0;
		width: 600px;
		}
		.jpSupport #content-sand .otherCategories { /zoom: 1; }
			.jpSupport #content-sand .otherCategories:after { content: ''; display: block; clear: both; }

	.jpSupport #content-sand .otherCategories h2 {
		margin-left: 15px;
		margin-bottom: 10px;
		}
		.jpSupport #content-sand .otherCategories div {
			float: left;
			width: 270px;
			min-height: 7em;
			margin-bottom: 15px;
			margin-left: 15px;
			margin-right: 10px;
			}
			.jpSupport #content-sand .otherCategories div h3 {
				color: #666;
				font-size: 13px;
				margin: 0;
				}
				.jpSupport #content-sand .otherCategories div h3 a:link { color: #666; }
				.jpSupport #content-sand .otherCategories div h3 a:visited { color: #666; }
				.jpSupport #content-sand .otherCategories div h3 a:hover { color: #f90; }
				.jpSupport #content-sand .otherCategories div h3 a:active { color: #666; }
			.jpSupport #content-sand .otherCategories div p {
				line-height: 1.3;
				margin-bottom: .3em;
				}
	.jpSupport #content-sand .jpSupportQandA,
	.jpSupport #content-sand .jpSupportSearch {
		margin: 2em 0 3em 0;
		}
		.jpSupport #content-sand .jpSupportQandA h4,
		.jpSupport #content-sand .jpSupportSearch h3 {
			margin-bottom: 1em;
			background: url('/res/images/support/qaQ.gif') 0 0 no-repeat;
			min-height: 30px;
			padding-left: 2.5em;
			}
		.jpSupport #content-sand .jpSupportQandA div,
		.jpSupport #content-sand .jpSupportSearch div {
			background: url('/res/images/support/qaA.gif') 0 0 no-repeat;
			min-height: 30px;
			padding-left: 2.5em;
			}
			.jpSupport #content-sand .jpSupportQandA div div,
			.jpSupport #content-sand .jpSupportQandA div div div,
			.jpSupport #content-sand .jpSupportSearch div div,
			.jpSupport #content-sand .jpSupportSearch div div div,
			.jpSupport #content-sand .jpSupportSearch div div div div {
				background: none;
				padding-left: 0;
				min-height: 0;
				}
			.jpSupport #content-sand .jpSupportSearch div h3,
			.jpSupport #content-sand .jpSupportSearch div div h3{
				background: none;
				color: #000;
				margin: 1em 0 0 0;
				padding: 0;
				}
			.jpSupport #content-sand .jpSupportSearch div p,
			.jpSupport #content-sand .jpSupportSearch div div p{
				margin: 0 0 .5em 0;
				}
			.jpSupport #content-sand .jpSupportQandA div table,
			.jpSupport #content-sand .jpSupportSearch div table {
				width: 570px;
				border-spacing: 0;
				border-collapse: separate;
				*border-collapse: collapse; /* ie6,7 */
				border-top: 1px solid #dcdcdc;
				border-right: 1px solid #dcdcdc;
				margin-bottom: 10px;
				}
				.jpSupport #content-sand .jpSupportQandA div table td,
				.jpSupport #content-sand .jpSupportSearch div table td {
					border-bottom: 1px solid #dcdcdc;
					border-left: 1px solid #dcdcdc;
					padding: .3em .5em;
					text-align: center;
					}
				.jpSupport #content-sand .jpSupportQandA div table thead,
				.jpSupport #content-sand .jpSupportSearch div table thead {
					background: #CADF82;
					}
					.jpSupport #content-sand .jpSupportQandA div table thead td,
					.jpSupport #content-sand .jpSupportSearch div table thead td {
						border-right: solid 1px #999;
						border-bottom: solid 1px #999;
						}
			* html .jpSupport #content-sand .jpSupportQandA div p,
			* html .jpSupport #content-sand .jpSupportQandA div p a {
				word-break: break-all;
				width: 300px;
				}
	.jpSupport #content-sand .jpSupportOther {
		margin-top: 30px;
		border: solid #dcdcdc 2px;
		padding: 10px 15px;
		}
		.jpSupport #content-sand .jpSupportOther h4 {
			color: #666;
			font-size: 14px;
			padding-bottom: 10px;
			}

.jpSupport .dwnld {
	padding: 1em 2em;
	margin: 2em 0 6em;
	border: 2px solid #ccc;
	}
	.jpSupport .dwnld li {
		list-style: disc outside none;
		margin: .5em 0;
		margin-left: 14px;
		line-height: 1.8;
		}
		.jpSupport .dwnld li a {
			color: #f90;
			text-decoration: underline;
			}
			.jpSupport .dwnld li a:hover {text-decoration: none;}
.jpSupport p.set_mess {
	padding: 1em;
	margin: 1em 0 2em 0;
	border: 2px solid #f90;
	}
.jpSupport dl {
	clear: both;
	padding-bottom: 2em;
	/zoom: 1;
	}
	.jpSupport dl:after {
		content: '';
		display: block;
		clear: both;
		}
	.jpSupport dl dt {
		margin: 2em 0 .3em 0;
		clear: both;
		font-weight: bolder;
		width: 400px;
		padding-left: 1em;
		text-indent: -1em;
		}
	.jpSupport dl dd {
		padding-left: 1em;
		}
		.jpSupport dl dd p.setupDemo {
			float: right;
			margin-left: 2em;
			}
			.jpSupport dl dd p.setupDemo img {
				border: solid 1px #aaa;
				}

.jpSupport #content-sand .section div ul.guideToShare {
	width: 515px;
	width: 600px;
	margin: 30px 0;
	clear: both;
	}
	.jpSupport #content-sand .section div ul.guideToShare:before {
		content: url("/res/images/support/guide_toShareImage.jpg");
		float: left;
		width: 58px;
		margin-right: 27px;
		}
	.jpSupport #content-sand .section div ul.guideToShare li {
		margin-bottom: .5em;
		text-indent: -1.3em;
		}
		.jpSupport #content-sand .section div ul.guideToShare li a {
			color: #FF9900;
			text-decoration: underline;
			}
		.jpSupport #content-sand .section div ul.guideToShare li a:hover {
			text-decoration: none;
			}
.jpSupport #content-sand .section div ul.guideSetupTools {
	margin-left: 20px;
	}
	.jpSupport #content-sand .section div ul.guideSetupTools li {
		margin-bottom: .3em;
		list-style: disc outside;
		}
.jpSupport #content-sand .section div div.guideSetupTools {
	padding: 0 1.5em .75em 2em;
	margin: 2em 0;
	border: 2px solid #CCC;
	/zoom: 1;
	clear: both;
	}
	.jpSupport #content-sand .section div div.guideSetupTools:after {
		content: '';
		display: block;
		clear: both;
		}
	.jpSupport #content-sand .section div div.guideSetupTools h3 {
		font-size: 100%;
		margin: 1em 0 0 -1em;
		}
	.jpSupport #content-sand .section div div.guideSetupTools p {
		margin: 0 0 .25em;
		}
.jpSupport #content-sand .section div dl.setupFlow dt {
	border-top: 1px dotted #dcdcdc;
	padding: 25px 0 0;
	text-indent: 0;
	width: 600px;
	}
.jpSupport #content-sand .section div dl.setupFlow dd {
	padding: 0;
	}
.jpSupport #content-sand .section div dl.setupFlow dd p.guidePoint,
.jpSupport #content-sand .section div dl.setupFlow dd dl dd p.guidePoint {
	text-indent: -1.3em;
	padding-left: 1.3em;
	}
	.jpSupport #content-sand .section div dl.setupFlow dd dl {
		padding-left: 15px;
		}
		.jpSupport #content-sand .section div dl.setupFlow dd dl dt {
			border: none;
			padding: 0;
			margin: 0;
			position: relative;
			}
			.jpSupport #content-sand .section div dl.setupFlow dd dl dt img {
				position: relative;
				bottom: -1em;
				margin-right: 5px;
				}
		.jpSupport #content-sand .section div dl.setupFlow dd dl dd {
			padding: 10px 0 0 20px;
			}
		.jpSupport #content-sand .section div ol.setupFlow li{
			list-style-position: outside;
			list-style-type: decimal;
			margin-left: 2em;
			padding-bottom: 2em;
			}
.setupGuide li {
	float: left;
	margin: 0 1em 0 -5px;
	}

.jpSupport .jpSupportSearch {
	width: 600px;
	margin: 0 auto;
	}
	.jpSupport .jpSupportSearch hr {
		width: 600px;
		}
	.jpSupport .jpSupportSearch div img {
		max-width: 550px;
		height: auto;
		}
		* html .jpSupport .jpSupportSearch div img {
			width: expression(document.body.clientWidth > 552? "550px" : "auto");
			}
	.jpSupport .jpSupportSearch div hr {
		border-top: dotted 1px #aaa;
		border-right: none;
		border-bottom: none;
		border-left: none;
		width: 550px;
		}
	.jpSupport .jpSupportSearch p.categoriesList {
		padding: 1em;
		background: #fef6ea;
		}
	.jpSupport .jpSupportSearch p.toCategories {
		margin-bottom: 2em;
		}


/* ---------------------------------------------------------------------------------- */
/* ::: 2.jpTopics ::: */
h2.jpTopicsTitle {
	line-height: 1.7;
	padding-top: .5em;
	}
	h2.jpTopicsTitle span {
		font-size: .9em;
		padding-bottom: .5em;
		display: block;
		}

.jpTopics h2 a:hover img {
	margin-right: -1px;
	margin-left: 1px;
	margin-bottom: -1px;
	}
.jpTopics div#jpContent div {
	width: 560px;
	}
	.jpTopics div#jpContent div p {
		line-height: 1.6;
		padding-bottom: 1em;
		}
		.jpTopics div#jpContent div p.jpTopicsPosted {
			display: block;
			border-bottom: 1px dotted #aaa;
			padding-bottom: .5em;
			text-align: left;
			font-size: 10px;
			}
	.jpTopics div#jpContent div .	,
	.jpSupport div#content-sand div .sbm,
	.jpStore div#content-sand div div .sbm {
		display: block;
		border-top: 1px dotted #aaa;
		border-bottom: 1px dotted #aaa;
		padding: 1em 0;
		margin-top: 3em;
		text-align: left;
		}
		.jpTopics div#jpContent div .sbm p#twitter,
		.jpTopics div#jpContent div .sbm p#hatenaLink,
		.jpTopics div#jpContent div .sbm p#evernote,
		.jpTopics div#jpContent div .sbm p#googleplus,
		.jpTopics div#jpContent div .sbm p#facebook,
		.jpSupport div#content-sand div .sbm p#twitter,
		.jpSupport div#content-sand div .sbm p#hatenaLink,
		.jpSupport div#content-sand div .sbm p#evernote,
		.jpSupport div#content-sand div .sbm p#googleplus,
		.jpSupport div#content-sand div .sbm p#facebook,
		.jpStore div#content-sand div div .sbm p#twitter,
		.jpStore div#content-sand div div .sbm p#hatenaLink,
		.jpStore div#content-sand div div .sbm p#evernote,
		.jpStore div#content-sand div div .sbm p#googleplus,
		.jpStore div#content-sand div div .sbm p#facebook {
			display: inline;
			}
		.jpTopics div#jpContent div .sbm p#hatenaLink,
		.jpSupport div#content-sand div .sbm p#hatenaLink,
		.jpStore div#content-sand div div .sbm p#hatenaLink {
			padding-bottom: 0;
			padding: 0 10px;
			height: 12px;
			}
		.jpTopics div#jpContent div .sbm p#facebook span iframe,
		.jpSupport div#content-sand div .sbm p#facebook span iframe,
		.jpStore div#content-sand div div .sbm p#facebook span iframe {
			height: 20px;
			}
			.jpTopics div#jpContent div .sbm p#hatenaLink a img,
			.jpSupport div#content-sand div .sbm p#hatenaLink a img,
			.jpStore div#content-sand div div .sbm p#hatenaLink a img {
				margin: 0 2px 3px 2px;
				}
	.jpTopics div#jpContent div .jpTopicsNxPr {
		margin: 2em 0;
		}
		.jpTopics div#jpContent div .jpTopicsNxPr a {
			color: #FF9900;
			}
		.jpTopics div#jpContent div .jpTopicsNxPr a:hover {
			text-decoration: underline;
			}
.jpTopicsNxPr {
	display: block;
	}
	.jpTopicsNxPr .prev {
		float: left;
		}
	.jpTopicsNxPr .nex {
		float: right;
		}

/* ---------------------------------------------------------------------------------- */
/* ::: 3.jpProducts ::: */
.jpProducts .jpOftenQ {
	border: 2px solid #ccc;
	padding: 1.5em 1.5em .5em 1.5em;
	margin-bottom: 1em;
	}
	.jpProducts .jpOftenQ ul {
		margin-left: 14px;
		line-height: 17px;
		}
		.jpProducts .jpOftenQ ul li {
			margin-bottom: .5em;
			list-style: disc outside;
			color: #666;
			}
.jpProducts .cameraDetail {
	margin-top: 20px;
	}
	.jpProducts .cameraDetail p {
		margin-bottom: 1.5em;
		line-height: 1.6;
		}
	.jpProducts .cameraDetail p.cameraImage {
		float: left;
		margin-right: 2em;
		margin-bottom: 2em;
		}
		.jpProducts .cameraDetail .cameraImage img {
			width: 200px;
			}
.jpProducts .cameraDetail ul.makerLink {
	clear: both;
	margin-top: 1em;
	margin-bottom: 2em;
	background: #eee;
	padding: 1em 1em .5em 3em;
	}
	.jpProducts .cameraDetail ul.makerLink li {
		margin-bottom: .5em;
		list-style: disc outside;
		color: #666;
		}
.jpProducts .exInfo img {
	margin: 0 10px 10px 0;
	float: left;
	}
.jpProducts .exInfo p {
	clear: both;
	}

/* ---------------------------------------------------------------------------------- */
/* ::: 4.jpStore ::: */
.jpStore #leftcolumn p {
	line-height: 1.7;
	}
.jpStore #leftcolumn p.caution {
	color: #f00;
	line-height: 1.2;
	padding-top: .5em;
	}
.jpStore dl.jpStoreList {
	margin: 30px 0 40px 0;
	padding-bottom: 20px;
	width: 550px;
	/zoom: 1;
	border-bottom: 2px solid #ccc;
	}
	.jpStore dl.jpStoreList:after {
		content: '';
		display: block;
		clear: both;
		}
	.jpStore dl.jpStoreList dt,
	.jpStore dl.jpStoreList dd {
		float: right;
		width: 390px;
		}
	.jpStore dl.jpStoreList dt {
		font-size: 13px;
		font-weight: bold;
		margin-bottom: .5em;
		}
	.jpStore dl.jpStoreList dd.jpStoreLogo {
		float: left;
		width: 140px;
		margin-right: 20px;
		}
		.jpStore dl.jpStoreList dd p.toCategories {
			clear: both;
			margin-bottom: 20px;
			}
.jpStore .soldOutCaution {
	border: solid 3px #FF9900;
	padding: 1.5em 1.5em 1em 1.5em ;
	width: 500px;
	}
	.jpStore .soldOutCaution h3,
	.jpStore .soldOutCaution p {
		color: #f00;
		line-height: 1.6;
		}
.jpStore .store_attent {
	border: solid 1px #f90;
	padding: 20px;
	width: 510px;
	}
	.jpStore .store_attent h3 {
		margin-top: 1em;
		}
	.jpStore .store_attent dl {
		padding: 0 2em;
		}
		.jpStore .store_attent dl dt {
			font-weight: bold;
			margin-bottom: .3em;
			margin-top: 1em;
			}
.jpStore #leftcolumn h3.evernote_title {
	margin: 20px 0 10px 0;
	}
	.jpStore #leftcolumn .evernote_note {
		font-size: 11px;
		}
	.jpStore #leftcolumn .sellsProducts {
		margin: 30px 0;
		}
		.jpStore #leftcolumn .sellsProducts h4 {
			margin-bottom: 10px;
			}
		.jpStore #leftcolumn .sellsProducts .buyButton {
			text-align: right;
			margin-bottom: 0;
			color: #f00;
			font-size: .9em;
			line-height: 1.25;
			}
			.jpStore #leftcolumn .sellsProducts .buyButton img {
				vertical-align: middle;
				}
		.jpStore #leftcolumn .sellsProducts ul {
			padding: 10px;
			background: #fef6ea;
			width: 280px;
			padding-left: 30px;
			margin: 0 0 10px 0;
			}
			.jpStore #leftcolumn .sellsProducts ul li {
				margin-bottom: .2em;
				width: 270px;
				}
.jpStore #rightcolumn #quickCart {
	width: 200px;
	height: 520px;
	float: right;
	position: relative;
	z-index: 950;
	top: 30px;
	right: 40px;
	}
.jpStore #jpContent {
	clear: both;
	margin-top: -30px;
	}
	.jpStore #jpContent dl {
		border: solid 1px #f90;
		padding: 0 20px 20px 20px;
		width: 510px;
		}
		.jpStore #jpContent dl dt {
			font-weight: bold;
			margin-bottom: .3em;
			margin-top: 1em;
			}
.jpStore #storeCampaign h3 {
	margin: 20px 0;
	}
.jpStore #storeCampaign p.lead {
	margin-bottom: 40px;
	}
.jpStore #storeCampaign .campaignProduct {
	width: 325px;
	}
	.jpStore #storeCampaign .campaignProduct .productPhoto {
		float:left;
		}
	.jpStore #storeCampaign .campaignProduct ul {
		float: right;
		width: 225px;
		background: #fef6ea;
		list-style: disc;
		padding: 10px;
		margin: 0;
		}
		.jpStore #storeCampaign .campaignProduct ul li {
			margin: 0 0 .1em 1.5em;
			width: 210px;
			}
	.jpStore #storeCampaign .campaignProduct .productPrice {
		clear: both;
		padding: 0;
		margin: 0;
		}
	.jpStore #storeCampaign .campaignProduct .toCart {
		text-align: right;
		}
.jpStore #storeCampaign hr {
	width: 325px;
	}
.jpStore #jpStoreCampaign {
	clear: both;
	margin-top: -30px;
	}
	.jpStore #jpStoreCampaign dl {
		border: solid 1px #f90;
		padding: 0 20px 20px 20px;
		width: 510px;
		}
		.jpStore #jpStoreCampaign dl dt {
			font-weight: bold;
			margin-bottom: .3em;
			margin-top: 1em;
			}
			.jpStore #jpStoreCampaign dl dd p {
				margin-bottom: .3em;
				}
			.jpStore #jpStoreCampaign dl dd ul li {
				margin-left: 1.5em;
				line-height: 1.2;
				margin-bottom: .3em;
				list-style: disc;
				}
.jpStore #jpCompanyInfo {
	width: 550px;
	}
	.jpStore #jpCompanyInfo dl dt {
		font-weight: bold;
		margin-top: 1em;
		}
		.jpStore #jpCompanyInfo dl dd {
			margin-left: 2em;
			}
.jpStore #jpSitePolicy {
	width: 530px;
	padding-left: 20px;
	padding-bottom: 100px;
	}
.jpStore #jpSitePolicy h4 {
	margin: 2em 0 .5em -20px;
	}

.jpStore.jpCocoa h2 {
	margin-bottom: 1em;
	}
	.jpStore.jpCocoa h2 span {
		font-size: .9em;
		padding-bottom: .5em;
		display: block;
		}
.jpStore.jpCocoa #jpContent {
	width: 610px;
	}
	.jpStore.jpCocoa #jpContent .cocoaCampaign_logo {
		text-align: center;
		}
	.jpStore.jpCocoa #jpContent div.cocoaCampaign_detail table {
				border: solid 2px #b5b7b9;
				width: 630px;
				margin: 10px 0 15px 0;
				}
				.jpStore.jpCocoa #jpContent div.cocoaCampaign_detail table th,
				.jpStore.jpCocoa #jpContent div.cocoaCampaign_detail table td {
					border-bottom: solid 1px #b5b7b9;
					padding: 5px;
					}
				.jpStore.jpCocoa #jpContent div.cocoaCampaign_detail table th {
					width: 25%;
					text-align: center;
					}
				.jpStore.jpCocoa #jpContent div.cocoaCampaign_detail table td {
					width: 75%;
					}
			.jpStore.jpCocoa #jpContent div.cocoaCampaign_detail h3 {
				text-align: center;
				}
			.jpStore.jpCocoa #jpContent div.cocoaCampaign_detail #secretcode {
				border: solid 5px #f66674;
				padding: 15px;
				width: 420px;
				margin: 15px auto 20px auto;
				font-size: 1.5em;
				text-align: center;
				color: #d40015;
				letter-spacing: .1em;
				}
			* html .jpStore.jpCocoa #jpContent div.cocoaCampaign_detail #secretcode {
				margin: 15px 105px 20px 105px;
				}
			.jpStore.jpCocoa #jpContent div.cocoaCampaign_detail .cocoaCampaign_buynow {
				text-align: center;
				} 
	.jpStore.jpCocoa #jpContent div.cocoaCampaign_eyefi {
		padding-top: 40px;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 30px;
		padding-bottom: 40px;
		border-bottom: 1px dotted #B5B7B9;
		}
		.jpStore.jpCocoa #jpContent div.cocoaCampaign_eyefi h3 {
			font-weight: bold;
			color: #504743;
			font-size: 138.46%;
			padding-bottom: 25px;
			}
		.jpStore.jpCocoa #jpContent div.cocoaCampaign_eyefi div {
			border: solid 2px #ffc693;
			padding: 15px 20px;
			margin: 20px 0 0 0;
			}
			.jpStore.jpCocoa #jpContent div.cocoaCampaign_eyefi div h4 {
				color: #ff7900;
				font-size: 130%;
				font-weight: bold;
				padding-bottom: 10px;
				}
			.jpStore.jpCocoa #jpContent div.cocoaCampaign_eyefi div ol {}
				.jpStore.jpCocoa #jpContent div.cocoaCampaign_eyefi div ol li {
					list-style: inside decimal;
					margin-bottom: .2em;
					width: 500px;
					}
			.jpStore.jpCocoa #jpContent div.cocoaCampaign_eyefi p.linkto {
				text-align: right;
				margin-top: 10px;
				}
		.jpStore.jpCocoa #jpContent div.cocoaCampaign_eyefi div.cocoaCampaign_note {
			background: #eeeeee;
			border: none;
			}
			.jpStore.jpCocoa #jpContent div.cocoaCampaign_eyefi div.cocoaCampaign_note h4 {
				color: #504743;
				font-size: 120%;
				font-weight: bold;
				padding-bottom: 5px;
				}
			.jpStore.jpCocoa #jpContent div.cocoaCampaign_eyefi div.cocoaCampaign_note ul {}
				.jpStore.jpCocoa #jpContent div.cocoaCampaign_eyefi div.cocoaCampaign_note ul li {
					list-style: inside;
					}
					.jpStore.jpCocoa #jpContent div.cocoaCampaign_eyefi div.cocoaCampaign_note ul li p {
						display: inline;
						}
					.jpStore.jpCocoa #jpContent div.cocoaCampaign_eyefi div.cocoaCampaign_note ul li p.cocoaCampaign_notetime {
						display: block;
						padding: .5em 0 1em 2em;
						}
.jpStore #jpSeller {
	clear: both;
	}
	.jpStore #jpSeller table {
		border: solid 2px #999;
		width: 600px;
		margin-bottom: 2em;
		}
		.jpStore #jpSeller table thead td {
			background: #CADF82;
			text-align: center;
			font-weight: bold;
			}
		.jpStore #jpSeller table td {
			border-right: solid 1px #999;
			border-bottom: solid 1px #999;
			padding: .2em .5em;
			}

.jpContact #jpContent table {
	widtn: 550px;
	margin-bottom: 1em;
	}
	.jpContact #jpContent table tr,
	.jpContact #jpContent table td {
		padding: .5em;
		vertical-align: top;
		}
		.jpContact #jpContent table td input,
		.jpContact #jpContent table td textarea {
			width: 300px;
			}
		.jpContact #jpContent table td input {
			line-height: 1.5;
			}
.jpContact #jpContent p.jpPost {
	width: 550px;
	text-align: center;
	}
.jpPrivacy #jpContent {
	width: 600px;
	/zoom: 1;
	}
	.jpPrivacy #jpContent:after {
		content: '';
		display: block;
		clear: both;
		}
	.jpPrivacy #jpContent p {
		line-height: 1.6;
		}
	.jpPrivacy #jpContent hr {
		margin: 2em 0;
		width: 600px;
		}
	.jpPrivacy #jpContent ol {
		margin-bottom: 1em;
		}
	.jpPrivacy #jpContent ol li {
		list-style-position: outoline;
		margin-left: 2em;
		list-style-type: decimal;
		}
	.jpPrivacy #jpContent p.signature {
		float: right;
		padding-bottom: 3em;
		}

/* ---------------------------------------------------------------------------------- */
/* ::: 5.toppage ::: */
#pickupNewsArea {
	/zoom: 1;
	clear: both;
	margin-bottom: 15px;
	}
	#pickupNewsArea:after {
		content: '';
		display: block;
		clear: both;
		}
	#pickupNewsArea #pickupNews {
		float: left;
		width: 626px;
		border: solid #c8f082 3px;
		padding: 10px 15px 5px;
		margin-top: 5px;
		border-radius: 5px;         /* CSS3 */
		-webkit-border-radius: 5px; /* Webkit */
		-moz-border-radius: 5px;    /* Mozilla */
		}
		#pickupNewsArea #pickupNews p {
			color: #333;
			font-size: 1em;
			margin-bottom: .5em;
			line-height: 1.35;
			}
		#pickupNewsArea #pickupNews ul li ,
		#pickupNewsArea #pickupNews ol li {
			color: #333;
			font-size: 1em;
			margin-bottom: .5em;
			line-height: 1.25;
			margin-left: 2em;
			}
			#pickupNewsArea #pickupNews ul li a ,
			#pickupNewsArea #pickupNews ol li a {
				color: #f90;
				}
				#pickupNewsArea #pickupNews ul li a:hover ,
				#pickupNewsArea #pickupNews ol li a:hover {
					color: #f90;
					text-decoration: underline;
					}
		#pickupNewsArea #pickupNews ul li {
			list-style-type: disc;
			}
		#pickupNewsArea #pickupNews p.newsTitle {
			font-weight: bold;
			font-size: 1.1em;
			}
		#pickupNewsArea #pickupNews p.newsAlert {
			color: #f00;
			font-weight: bold;
			}
		#pickupNewsArea #pickupNews p.newsNote {
			font-size: 1em;
			padding-left: 1em;
			text-indent: -1em;
			}
		#pickupNewsArea #pickupNews hr {
			width: 625px;
			border-bottom: 1px dotted #ccc;
			border-top: none;
			border-right: none;
			border-left: none;
			margin: 5px 0 10px;
			color: #fff;
			}
			#pickupNewsArea #pickupNews hr { *margin: 0; }
	#pickupNewsArea #pickupToStore {
		float: left;
		width: 278px;
		height: 124px;
		background: url(/res/images/top/toptoStoreBtn_bg.png) no-repeat center center;
		margin: 10px 0 0 10px;
		position: relative;
		}
		#pickupNewsArea #pickupToStore p a {
			position: absolute;
			top: 54px;
			left: 158px;
			display: block;
			width: 110px;
			height: 26px;
			background: url(/res/images/top/toptoStoreBtn.png) center top no-repeat;
			text-align: center;
			font-weight: bold;
			font-size: 1.3em;
			color: #fff;
			text-decoration: none;
			padding-top: 9px;
			}
			#pickupNewsArea #pickupToStore p a:hover {
				background: url(/res/images/top/toptoStoreBtn.png) center bottom no-repeat;
				}
			#pickupNewsArea #pickupToStore p a:active {
				background: url(/res/images/top/toptoStoreBtn.png) center top no-repeat;
				}



pre {
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
	}

/* ---------------------------------------------------------------------------------- */
/* ::: IE6 ::: */
* html body #sandbox-nav {
	top: 150px;
	}
	* html body #sandbox-nav li ul {
		padding: 30px 0 50px 0;
		}
		* html body #sandbox-nav li ul li {
			padding: 7px 2px;
			margin-bottom: 3px;
			}
			* html body #sandbox-nav li ul li ul {
				margin-left: 5px;
				padding: 5px 0 2px 0;
				}
				* html body #sandbox-nav li ul li ul li {
					padding: 5px;
					}

* html body #twocolumn {
	width: 700px;
	}
	* html body #twocolumn #rightcolumn {
		float: right;
		}


/* ---------------------------------------------------------------------------------- */
/* ::: clearfix ::: */
#wrapper,
#outer-wrap {
	/zoom: 1;
	}
	#wrapper:after,
	#outer-wrap:after {
		content: '';
		display: block;
		clear: both;
		}

/*\*/
*:first-child+html #nav {/*IE7*/
	margin-top: 14px;
	}
/**/