@charset "UTF-8";

* {
	font-family: sans-serif;
}
html {
	margin-bottom: 1px;
	height: 100%;
}
body {
    background: #4e3c33;
    margin: 0;
    padding: 0;
    color: #595757;
}
input,
select {
	vertical-align: middle;
	font-size: 13px;
}
textarea {
	font-size: 13px;
}
a img {
	border: 0;
}


/* ----------------------
		div#main
---------------------- */

div#main {
    background: url(/i/main/back.jpg) no-repeat 0 0 #4e3c33;
    overflow: hidden;
    height: 600px;
    width: 948px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -474px;
}
body.item_large div#main,
body.item_pack div#main,
body.about div#main,
body.mail div#main {
    background: #ecdfc4;
}


/* ----------------------
		div#header
---------------------- */

div#header {
	width: 360px;
	height: 600px;
	margin: 0;
	padding: 0;
}
body.top div#header {
	width: 358px;
	// height: 321px;
	height: 242px;
	border-right: 2px solid #4e3c33;
}
body.item_large div#header {
	background: url(/i/item/large_back.jpg) no-repeat 0 0;
}
body.item_pack div#header {
	background: url(/i/item/pack_back.jpg) no-repeat 0 0;
}
body.about div#header {
	background: url(/i/about/about_back.jpg) no-repeat 0 0;
}
body.mail div#header {
	background: url(/i/mail/mail_back.jpg) no-repeat 0 0;
}
body.sample div#header {
	background: url(/i/sample/sample_back.jpg) no-repeat 0 0;
}
div#header h1 {
	width: 263px;
	height: 195px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 47px;
	left: 56px;
}
div#header h2 {
	width: 360px;
	height: 45px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 275px;
	left: 0;
	z-index: 20;
}
div#header ul {
	width: 360px;
	height: 25px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 320px;
	left: 0;
	background: url(/i/global/button_back.png) no-repeat 0 0;
	z-index: 21;
}
div#header ul li {
	margin: 0;
	padding: 0;
	width: 90px;
	height: 25px;
	overflow: hidden;
	position: absolute;
}
div#header ul li.top {
	top: 0;
	left: 6px;
	width: 38px;
}
div#header ul li.item {
	top: 0;
	left: 44px;
	width: 84px;
}
div#header ul li.about {
	top: 0;
	left: 128px;
	width: 61px;
}
div#header ul li.mail {
	top: 0;
	left: 189px;
	width: 84px;
}
div#header ul li.sample {
	top: 0;
	left: 273px;
	width: 84px;
}
div#header ul li a {
	margin: 0;
	padding: 0;
	background: url(/i/global/button.png) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
	outline: 0;
	overflow: hidden;
	height: 25px;
}
div#header ul li.top a {
	background-position: -6px 0;
}
div#header ul li.top a:hover,
div#header ul li.top a.on{
	background-position: -6px -25px;
}
div#header ul li.item a {
	background-position: -44px 0;
}
div#header ul li.item a:hover,
div#header ul li.item a.on {
	background-position: -44px -25px;
}
div#header ul li.about a {
	background-position: -128px 0;
}
div#header ul li.about a:hover,
div#header ul li.about a.on {
	background-position: -128px -25px;
}
div#header ul li.mail a {
	background-position: -189px 0;
}
div#header ul li.mail a:hover,
div#header ul li.mail a.on {
	background-position: -189px -25px;
}
div#header ul li.sample a {
	background-position: -273px 0;
}
div#header ul li.sample a:hover,
div#header ul li.sample a.on {
	background-position: -273px -25px;
}
div#header div#mask {
	margin: 0;
	padding: 0;
	width: 360px;
	height: 280px;
	position: absolute;
	top: 320px;
	left: 0;
	text-indent: -9999px;
	background: #ffffff;
	z-index: 10;
}


/* ----------------------
		div#contents
		(common)
---------------------- */

div#contents {
	position: absolute;
	top: 0;
	left: 360px;
}


/* ----------------------
		div#contents
		(top)
---------------------- */

div#contents p.info {
	width: 530px;
	margin: 0;
	padding: 0;
	position: absolute;
	// top: 30px;
	top: 49px;
	left: 23px;
	color: #ff0000;
	font-size: 14px;
	line-height: 1.3;
}
div#contents ul.menu {
	width: 120px;
	height: 100px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	// top: 174px;
	// top: 230px;
	top: 146px;
	left: 23px;
}
div#contents ul.menu li {
	margin: 0;
	padding: 0;
	width: 120px;
	height: 16px;
	overflow: hidden;
	position: absolute;
}
div#contents ul.menu li.item {
	top: 0;
	left: 0;
}
div#contents ul.menu li.about {
	top: 25px;
	left: 0;
}
div#contents ul.menu li.mail {
	top: 50px;
	left: 0;
}
div#contents ul.menu li.sample {
	top: 75px;
	left: 0;
}
div#contents ul.menu li a {
	margin: 0;
	padding: 0;
	background: url(/i/common/button.png) no-repeat 0 0;
	width: 120px;
	height: 16px;
	text-indent: -9999px;
	display: block;
	outline: 0;
	overflow: hidden;
}
div#contents ul.menu li.item a {
	background-position: 0 -5px;
}
div#contents ul.menu li.item a:hover {
	background-position: -120px -5px;
}
div#contents ul.menu li.about a {
	background-position: 0 -30px;
}
div#contents ul.menu li.about a:hover {
	background-position: -120px -30px;
}
div#contents ul.menu li.mail a {
	background-position: 0 -55px;
}
div#contents ul.menu li.mail a:hover {
	background-position: -120px -55px;
}
div#contents ul.menu li.sample a {
	background-position: 0 -80px;
}
div#contents ul.menu li.sample a:hover {
	background-position: -120px -80px;
}
div#contents div#jrice {
	position: absolute;
	top: 238px;
	left: 440px;
}
div#contents div#banner_wrap {
	position: absolute;
	top: 95px;
	left: 24px;
	width: 530px;
	height: 121px;
	overflow: hidden;
}
div#contents div#banner_wrap h2 {
	margin: 0;
	padding: 0;
	height: 25px;
	text-indent: -9999px;
	background: url(/i/main/h2.gif) no-repeat 0 0;
}
div#contents ul#banner {
	margin: 0;
	padding: 0;
}
div#contents ul#banner li {
	margin: 0;
	padding: 0;
}
/* ----------------------
		div#contents
		(item)
---------------------- */

div#contents div#menu {
	width: 105px;
	height: 600px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/i/item/menu_back.gif) no-repeat 0 0;
}
div#contents div#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 17px;
	left: 12px;
}
div#contents div#menu ul li {
	margin: 0;
	padding: 0;
	height: 15px;
	line-height: 15px;
	position: absolute;
}
div#contents div#menu ul li.large {
	top: 0;
	left: 0;
}
div#contents div#menu ul li.pack {
	top: 25px;
	left: 0;
}
div#contents div#menu ul li a {
	margin: 0;
	padding: 0;
	background: url(/i/item/button.png) no-repeat 0 0;
	width: 90px;
	height: 15px;
	line-height: 15px;
	text-indent: -9999px;
	display: block;
	outline: 0;
}
div#contents div#menu ul li.large a {
	background-position: -90px 0;
}
div#contents div#menu ul li.large a:hover,
div#contents div#menu ul li.large a.on {
	background-position: 0 0;
}
div#contents div#menu ul li.pack a {
	background-position: -90px -26px;
}
div#contents div#menu ul li.pack a:hover,
div#contents div#menu ul li.pack a.on {
	background-position: 0 -26px;
}
div#contents div#menu h3 {
	width: 47px;
	height: 180px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 81px;
	left: 30px;
}
div#contents div#menu p.catch {
	width: 47px;
	height: 270px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 291px;
	left: 30px;
}

div#contents div#item {
	width: 415px;
	height: 570px;
	margin: 0;
	padding: 15px 44px 15px 24px;
	overflow: auto;
	position: absolute;
	top: 0;
	left: 105px;
	overflow-x: hidden;
}
div#contents div#item p#ipad_notice {
	position: absolute;
	top: 250px;
	left: 100px;
	margin: 0;
	padding: 20px 0;
	width: 300px;
	height: 60px;
	line-height: 30px;
	text-align: center;
	color: #ffffff;
	background: #4e3c33;
	opacity: .9;
	-webkit-border-radius: 10px;
}
div#contents div#item ul {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	width: 415px;
}
div#contents div#item ul li {
	margin: 0;
	padding: 0;
	width: 415px;
	height: 190px;
}
div#contents div#item ul li img {
	float: left;
	margin: 0 10px 0 0;
}
div#contents div#item ul li h4 {
	margin: 0 0 7px 170px;
	padding: 20px 0 5px 0;
	color: #4c4948;
	border-bottom: 1px solid #ac8948;
}
div#contents div#item ul li p.feature {
	margin: 0 0 15px;
	padding: 0;
	font-size: 12px;
	line-height: 1.5;
}
div#contents div#item ul li p.quantity {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5;
}
div#contents div#item ul li p.limit {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5;
}
div#contents p.item_nav {
	text-align: center;
	clear: both;
	margin: 0;
	padding: 10px 0;
}
/* ----------------------
		div#contents_about
		(about)
---------------------- */

div#contents_about {
	width: 588px;
	height: 600px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 359px;
	background: url(/i/about/about_back.gif) repeat-y 0 0;
}
div#contents_about dl {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
div#contents_about dl dt {
	float: left;
	clear: left;
	width: 105px;
	text-align: center;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 3px 0;
}
div#contents_about dl dd {
	margin: 0 0 0 105px;
	padding: 3px 0 3px 15px;
	border-bottom: 1px solid #ffffff;
}
div#contents_about dl dt.name {
	height: 105px;
	border-bottom: 1px solid #ac8948;
}
div#contents_about dl dt.name img {
	margin: 15px 0 0 0;
}
div#contents_about dl dd.name {
	height: 105px;
	line-height: 105px;
	font-size: 20px;
	border-bottom: 1px solid #ac8948;
}
div#contents_about dl dt.address,
div#contents_about dl dt.bank,
div#contents_about dl dt.deal {
	height: 38px;
	line-height: 38px;
}
div#contents_about dl dd.address,
div#contents_about dl dd.bank,
div#contents_about dl dd.deal {
	height: 38px;
	line-height: 19px;
}
div#contents_about dl dd.address div {
	float: left;
	height: 40px;
}
div#contents_about dl dt.start,
div#contents_about dl dt.fund,
div#contents_about dl dt.president,
div#contents_about dl dt.business {
	height: 19px;
	line-height: 19px;
}
div#contents_about dl dd.start,
div#contents_about dl dd.fund,
div#contents_about dl dd.president,
div#contents_about dl dd.business {
	height: 19px;
	line-height: 19px;
}
div#contents_about dl dt.group {
	height: 81px;
	line-height: 81px;
}
div#contents_about dl dd.group {
	height: 81px;
	line-height: 19px;
}
div#contents_about dl dd.group p {
	margin: 0 0 5px 0;
	padding: 0;
}
div#contents_about dl dt.deal,
div#contents_about dl dd.deal {
	margin-bottom: 20px;
	border-bottom: 0;
}
div#contents_about dl dt.condition {
	height: 30px;
	line-height: 30px;
	border-top: 1px solid #ac8948;
	border-bottom: 0;
	background: #bea371;
}
div#contents_about dl dd.condition {
	height: 114px;
	line-height: 19px;
	border-top: 1px solid #ac8948;
	border-bottom: 0;
}


/* ----------------------
		div#contents_mail
		(mail)
---------------------- */

div#contents_mail {
	width: 588px;
	height: 600px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 359px;
	background: url(/i/mail/mail_back.gif) repeat-y 0 0;
}
div#contents_mail dl {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
div#contents_mail dl dt {
	float: left;
	clear: left;
	width: 105px;
	text-align: center;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 3px 0;
}
div#contents_mail dl dt.error {
	color: #ff0000;
}
div#contents_mail dl dd {
	margin: 0 0 0 105px;
	padding: 3px 0 3px 15px;
	border-bottom: 1px solid #ffffff;
	_margin-left: 0;
	_position: relative;
	_left: -3px;
}
div#contents_mail dl dd input {
	border-width: 1px;
}
div#contents_mail dl dd .tipped {
	color: #be5106;
}
div#contents_mail dl dt.logo {
	height: 105px;
	border-bottom: 1px solid #ac8948;
}
div#contents_mail dl dt.logo img {
	margin: 15px 0 0 0;
}
div#contents_mail dl dd.logo {
	height: 105px;
	border-bottom: 1px solid #ac8948;
}
div#contents_mail dl dd.logo p.title {
	margin: 10px 0 8px 0;
	padding: 0;
	font-size: 15px;
	height: 24px;
}
div#contents_mail dl dd.logo p.tel {
	margin: 0 0 18px 0;
	padding: 0;
	font-size: 20px;
	color: #ac8948;
	height: 20px;
}
div#contents_mail dl dd.logo p.time {
	margin: 0;
	padding: 0;
	height: 24px;
}
div#contents_mail dl dt.mail {
	text-align: center;
	height: 85px;
}
div#contents_mail dl dt.mail img {
	margin: 30px 0 0 0;
}
div#contents_mail dl dd.mail {
	height: 85px;
}
div#contents_mail dl dd.mail p.title {
	margin: 5px 0 5px;
	padding: 0;
	font-size: 15px;
	line-height: 15px;
	float: left;
}
div#contents_mail dl dd.mail p.mail {
	margin: 5px 0 5px 20px;
	padding: 0;
	line-height: 15px;
	float: left;
}
div#contents_mail dl dd.mail p.notice {
	margin: 5px 0 7px 0;
	padding: 0;
	float: left;
	width: 100%;
}
div#contents_mail dl dd.mail p.progress_1,
div#contents_mail dl dd.mail p.progress_2,
div#contents_mail dl dd.mail p.progress_3 {
	float: left;
	background: url(/i/mail/progress.gif) no-repeat 0 0 #ecdfc4;
	width: 400px;
	height: 20px;
	text-indent: -9999px;
	margin: 0;
}
div#contents_mail dl dd.mail p.progress_1 {
	background-position: 0 0;
}
div#contents_mail dl dd.mail p.progress_2 {
	background-position: 0 -25px;
}
div#contents_mail dl dd.mail p.progress_3 {
	background-position: 0 -50px;
}
div#contents_mail dl dt.company,
div#contents_mail dl dt.address,
div#contents_mail dl dt.name,
div#contents_mail dl dt.method {
	height: 30px;
	line-height: 30px;
}
div#contents_mail dl dd.company,
div#contents_mail dl dd.address,
div#contents_mail dl dd.name,
div#contents_mail dl dd.method {
	height: 30px;
	line-height: 30px;
}
div#contents_mail dl dd.company {
	/margin: 0;
}
div#contents_mail dl dd.company input {
	width: 200px;
}
div#contents_mail dl dd.name input.name {
	width: 130px;
	margin-right: 20px;
	margin-left: 10px;
}
div#contents_mail dl dd.name input.department {
	width: 50px;
	margin-right: 20px;
	margin-left: 10px;
}
div#contents_mail dl dd.name input.rank {
	width: 50px;
	margin-right: 20px;
	margin-left: 10px;
}
div#contents_mail dl dd.method input#method_mail,
div#contents_mail dl dd.method input#method_tel {
	width: 250px;
}
div#contents_mail dl dt.detail {
	line-height: 20px;
	padding: 68px 0;
	height: 40px;
}
div#contents_mail dl dd.detail {
	height: 170px;
	/margin: 0;
}
div#contents_mail dl dd.detail textarea {
	width: 450px;
	height: 147px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 3px;
	border-width: 1px;
}
div#contents_mail dl dd.detail p {
	margin: 0;
	padding: 10px 0;
	height: 150px;
	overflow: auto;
}
div#contents_mail dl dt.button input {
	width: 80px;
}
div#contents_mail dl dt.button {
	height: 30px;
	line-height: 30px;
}
div#contents_mail dl dd.button {
	height: 30px;
	line-height: 30px;
	_margin: 0;
}
div#contents_mail dl dt.thankyou {
	border-bottom: 0;
}
div#contents_mail dl dd.thankyou {
	border-bottom: 0;
}
div#contents_mail dl dd.thankyou p {
	line-height: 1.6;
}


/* ---------------------------
		div#contents_sample
		(mail)
--------------------------- */

div#contents_sample {
	width: 588px;
	height: 600px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 359px;
	background: url(/i/mail/mail_back.gif) repeat-y 0 0;
}
div#contents_sample dl {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
div#contents_sample dl dt {
	float: left;
	clear: left;
	width: 105px;
	text-align: center;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 3px 0;
}
div#contents_sample dl dt.error {
	color: #ff0000;
}
div#contents_sample dl dd {
	margin: 0 0 0 105px;
	padding: 3px 0 3px 15px;
	border-bottom: 1px solid #ffffff;
	_margin-left: 0;
	_position: relative;
	_left: -3px;
}
div#contents_sample dl dd input {
	border-width: 1px;
}
div#contents_sample dl dd .tipped {
	color: #be5106;
}
div#contents_sample dl dt.logo {
	height: 105px;
	border-bottom: 1px solid #ac8948;
}
div#contents_sample dl dt.logo img {
	margin: 15px 0 0 0;
}
div#contents_sample dl dd.logo {
	height: 105px;
	border-bottom: 1px solid #ac8948;
}
div#contents_sample dl dd.logo p.title {
	margin: 10px 0 8px 0;
	padding: 0;
	font-size: 15px;
	height: 24px;
	text-align: center;
}
div#contents_sample dl dd.logo p.notice {
	margin: 0 20px 18px 0;
	padding: 5px 10px;
	font-size: 15px;
	color: #ff0000;
	border: 1px solid #ff0000;
	text-align: center;
}
div#contents_sample dl dt.mail {
	text-align: center;
	height: 85px;
}
div#contents_sample dl dt.mail img {
	margin: 30px 0 0 0;
}
div#contents_sample dl dd.mail {
	height: 85px;
}
div#contents_sample dl dd.mail p.notice {
	margin: 15px 0 15px 0;
	padding: 0;
	float: left;
	width: 100%;
}
div#contents_sample dl dd.mail p.progress_1,
div#contents_sample dl dd.mail p.progress_2,
div#contents_sample dl dd.mail p.progress_3 {
	float: left;
	background: url(/i/mail/progress.gif) no-repeat 0 0 #ecdfc4;
	width: 400px;
	height: 20px;
	text-indent: -9999px;
	margin: 0;
}
div#contents_sample dl dd.mail p.progress_1 {
	background-position: 0 0;
}
div#contents_sample dl dd.mail p.progress_2 {
	background-position: 0 -25px;
}
div#contents_sample dl dd.mail p.progress_3 {
	background-position: 0 -50px;
}
div#contents_sample dl dt.company,
div#contents_sample dl dt.address,
div#contents_sample dl dt.name,
div#contents_sample dl dt.method {
	height: 30px;
	line-height: 30px;
}
div#contents_sample dl dd.company,
div#contents_sample dl dd.address,
div#contents_sample dl dd.name,
div#contents_sample dl dd.method {
	height: 30px;
	line-height: 30px;
}
div#contents_sample dl dd.company {
	/margin: 0;
}
div#contents_sample dl dd.company input {
	width: 200px;
}
div#contents_sample dl dd.address input {
	width: 447px;
}
div#contents_sample dl dd.name input.name {
	width: 130px;
	margin-right: 20px;
	margin-left: 10px;
}
div#contents_sample dl dd.name input.department {
	width: 50px;
	margin-right: 20px;
	margin-left: 10px;
}
div#contents_sample dl dd.name input.rank {
	width: 50px;
	margin-right: 20px;
	margin-left: 10px;
}
div#contents_sample dl dd.method input#method_mail,
div#contents_sample dl dd.method input#method_tel {
	width: 250px;
}
div#contents_sample dl dt.detail {
	line-height: 20px;
	padding: 68px 0;
	height: 40px;
}
div#contents_sample dl dd.detail {
	height: 170px;
	/margin: 0;
}
div#contents_sample dl dd.detail textarea {
	width: 440px;
	height: 100px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 3px;
	border-width: 1px;
}
div#contents_sample dl dd.detail ul {
	list-style-type: none;
	margin: 8px 0 0 0;
	padding: 0;
}
div#contents_sample dl dd.detail ul li {
	margin: 0;
	padding: 0;
}
div#contents_sample dl dd.detail p {
	margin: 0;
	padding: 10px 0;
	height: 150px;
	overflow: auto;
}
div#contents_sample dl dt.button input {
	width: 80px;
}
div#contents_sample dl dt.button {
	height: 30px;
	line-height: 30px;
}
div#contents_sample dl dd.button {
	height: 30px;
	line-height: 30px;
	_margin: 0;
}
div#contents_sample dl dt.thankyou {
	border-bottom: 0;
}
div#contents_sample dl dd.thankyou {
	border-bottom: 0;
}
div#contents_sample dl dd.thankyou p {
	line-height: 1.6;
}



/* ----------------------
		modal
---------------------- */
#error {
	display: none;
}
#basic-modal-content {
	display: none;
}
#simplemodal-overlay {
	background-color: #000000;
	cursor: wait;
}
#simplemodal-container {
	height: 100px;
	line-height: 50px;
	width: 450px;
	color: #ffffff;
	background-color: #4E3C33;
	text-align: center;
	padding: 20px;
}
#simplemodal-container p {
	margin: 0;
}
#simplemodal-container button {
	width: 100px;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
}