@charset "shift_jis";
/**/
/*
	shop.css

*/
/**/



/*	----------------------------------------
	based
*/


html {
	}


body {
	behavior: url(css/csshover2.htc);
	height: 100%;
	color: #222222;
	background: #f0f0f0 url("../images/_shop_body_bg.gif") 50% 0%;
	text-align: center;
	}


#mother {
	overflow: hidden;
	width: 760px;
	text-align: left;
	font-size: 0.8em;
	margin: 0px auto;
	}

#header {
	margin: 0 0 8px 0;
	}

#single_body {
	}

#left_menu {
	float: left;
	width: 214px;
	margin: 0 16px 30px 0;
	}

#right_main {
	float: left;
	width: 530px;
	}



/*	----------------------------------------
	menu
*/


#shopmenu
	}

	#shopmenu li {
		}
	#shopmenu li a {
		overflow: hidden;
		display: block;
		width: 214px;
		height: 28px;
		background: url("../images/_shop_menu_bt_off.gif") no-repeat;
		margin-bottom: 5px;
		}
	#shopmenu li a:hover,
	#shopmenu li a:active {
		background: url("../images/_shop_menu_bt_over.gif") no-repeat;
		}
	#shopmenu li a span {
		display: block;
		color: #222222;
		font-size: 12px;
		padding: 8px 0 0 10px;
		}
	#shopmenu li a:hover span,
	#shopmenu li a:active span {
		color: #ffffff;
		font-weight: bold;
		}

	#shopmenu li.cart a {
		height: 48px;
		background: url("../images/_shop_menu_sc_off.gif") no-repeat;
		margin-bottom: 5px;
		}
	#shopmenu li.cart a:hover,
	#shopmenu li.cart a:active {
		background: url("../images/_shop_menu_sc_over.gif") no-repeat;
		}
	#shopmenu li.cart a span {
		padding: 18px 0 0 70px;
		}

	#shopmenu li.serch {
		position: relative;
		width: 214px;
		height: 38px;
		background: url("../images/_shop_menu_serch_off.gif") no-repeat;
		margin-bottom: 5px;
		}

	#shopmenu li.serch .serchbox {
		width: 136px;
		background: transparent;
		border: 0px none;
		margin: 10px 0 0 12px;
		}

	#shopmenu li.serch .submit {
		position: absolute;
		top: 0px;
		left: 159px;
		}
		#shopmenu li.serch .submit input {
			width: 45px;
			height: 38px;
			border: 0px none;
			}
		#shopmenu li.serch .submit input:hover {
			background: url("../images/_shop_menu_serch_over.gif") no-repeat;
			}



/*	----------------------------------------
	footer
*/


#footer {
	clear: both;
	margin: 30px 0 0 0;
	}

	#footer_link {
		font-size: 0.9em;
		margin: 32px 8px 3px 8px;
		}
	#footer_copyright {
		font-size: 0.8em;
		background: #e0e0e0;
		padding: 4px 6px 2px 6px;
		}



/*	----------------------------------------
	main
*/


#right_main p {
	line-height: 1.4em;
	text-align: justify; text-justify: inter-ideograph;
	padding: 0px;
	margin: 4px 2px 8px 2px;
	}

	#right_main p.marginnone {
		margin: 0px 2px 0px 2px;
		}


h1 {
	font-size: 1em;
	font-weight: normal;
	padding : 0px;
	margin: 0px;
	}

#right_main h2 {
	overflow: hidden;
	width: 530px;
	height: 45px;
	color: #ffffff;
	background: url("../images/_shop_h2_bg.gif") no-repeat;
	font-size: 15px;
	font-weight: bold;
	padding : 14px 0 0 12px;
	margin: 0px 0px 8px 0px;
	}

#right_main h3 {
	color: #444444;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	border-bottom: 1px dashed #555555;
	padding: 0px 2px 1px 2px;
	margin: 0px 0px 8px 0px;
	}

	#right_main h3 sup {
		font-weight: normal;
		}


.float_left {
	float: left;
	}

.float_right {
	float: right;
	}

.clear {
	clear: both;
	}


a	{
	text-decoration: none;
	}

	a:link {
		color: #0066d7;
		}
	a:visited,
	a:active {
		color: #3366d7;
		}

	a:hover {
		color: #008fd7;
		}



em	{
	color: #226fe2;
	font-style: normal;
	}

strong	{
	color: #226fe2;
	font-weight: bold;
	}

	strong.price {
		color: #ff6600;
		}


.ontext {
	color: #222222;
	}

.offtext {
	color: #666666;
	}

.monospace {
	font-family: monospace;
	}

.alert {
	color: #ee0066;
	}

span.point {
	color: #479e00;
	}

input {
	border: 1px solid #999999;
	}



/*	----------------------------------------
	list  >>  plain
*/


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

	.plain li {
		margin: 4px 0px;
		}

	.plain em {
		color: #338833;
		}



/*	----------------------------------------
	list  >>  simpleDisc
*/


ul.simpleDisc {
	list-style-type: disc;
	padding: 0px 0px 0px 18px ;
	margin: 0px;
	}

	ul.simpleDisc li {
		margin: 0px 0px;
		}



/*	----------------------------------------
	list  >>  simpleCircle
*/


ul.simpleCircle {
	list-style-type: circle;
	padding: 0px 0px 0px 18px ;
	margin: 0px;
	}

	ul.simpleCircle li {
		margin: 0px 0px;
		}



/*	----------------------------------------
	item table
*/

.items {
	width:530px;
	}

.items .itemwin_top {
	overflow: hidden;
	width: 530px;
	height: 5px;
	background: url("../images/_shop_itemwin_top.gif");
	margin: 0;
	}
.items .itemwin_bottom {
	overflow: hidden;
	width: 530px;
	height: 5px;
	background: url("../images/_shop_itemwin_bottom.gif");
	margin: 0 0 10px 0;
	}
.items .itemwin {
	background: #f0f0f0;
	padding: 8px 0 8px 10px;;
	}

	.items .item_img {
		float: left;
		width: 160px;
		padding: 0px 0px 0px 4px;
		}

		.items .item_img img {
			border: 1px solid #cccccc;
			}


	.items .item_info {
		float: left;
		width: 340px;
		padding: 0px 4px 0px 0px;
		}

	.item_info ul {
		list-style-type: none;
		border-top: 1px solid #cccccc;
		padding: 0px;
		margin: 0px;
		}

		.item_info li {
			line-height: 1.3em;
			border-bottom: 1px solid #cccccc;
			padding: 8px 0px 7px 2px;
			}

		.item_info li.item_title {
			font-size: 1.1em;
			font-weight: bold;
			}

		.item_info div.cart_plus {
			float: left;
			width: 150px;
			border: 0px none;
			padding: 0px;
			margin: 0px;
			}

		.item_info div.cart_look {
			float: left;
			width: 150px;
			border: 0px none;
			padding: 0px;
			margin: 0px;
			}



/*	----------------------------------------
	table  >>  cart
*/

table.cartlook {
	width: 520px;
	border-collapse: collapse;
	border: 0px none;
	padding: 0px;
	margin: 10px 0px;
	}

	.cartlook th {
		text-align: left;
		background-color: #e0e5ff;
		font-size: 0.8em;
		font-weight: normal;
		line-height: 1.2em;
		border: 1px solid #999999;
		padding: 4px 6px 3px 6px;
		margin: 0px;
		}
	.cartlook th.name {
		width: 46%;
		}
	.cartlook th.price {
		width: 15%;
		}
	.cartlook th.order {
		width: 10%;
		text-align: center;
		}
	.cartlook th.sub_total {
		width: 15%;
		}
	.cartlook th.delete {
		width: 14%;
		background-color: #ffffff;
		border-top: 0px none;
		border-right: 0px none;
		}

	.cartlook td {
		font-size: 0.8em;
		line-height: 1.2em;
		border: 1px solid #999999;
		padding: 10px 6px 10px 6px;
		margin: 0px;
		}
	.cartlook td.name {
		}
	.cartlook td.price {
		text-align: right;
		}
	.cartlook td.order {
		text-align: center;
		}
	.cartlook td.sub_total {
		text-align: right;
		color: #ff6600;
		font-weight: bold;
		}
	.cartlook td.delete {
		text-align: center;
		}

	.cartlook th.total_number {
		width: 20%;
		background-color: #e5e0ff;
		font-size: 0.8em;
		border-right: 0px none;
		}
	.cartlook th.total_price {
		width: 25%;
		background-color: #e5e0ff;
		font-size: 0.8em;
		border-right: 0px none;
		border-left: 0px none;
		}
	.cartlook td.total_number {
		width: 23%;
		background-color: #e5e0ff;
		border-right: 0px none;
		border-left: 0px none;
		}
	.cartlook td.total_price {
		width: 18%;
		text-align: right;
		color: #ff3300;
		background-color: #e5e0ff;
		font-weight: bold;
		border-right: 0px none;
		border-left: 0px none;
		}
	.cartlook td.resum {
		width: 14%;
		background-color: #e5e0ff;
		border-left: 0px none;
		}

	.cartlook td.continue {
		width: 50%;
		text-align: left;
		border: 0px none;
		padding: 0px;
		}

	.cartlook td.register {
		width: 50%;
		text-align: right;
		border: 0px none;
		padding: 0px;
		}



/*	----------------------------------------
	table  >>  cart2
*/

table.cartcheck {
	width: 520px;
	border-collapse: collapse;
	border: 0px none;
	padding: 0px;
	margin: 10px 0px;
	}

	.cartcheck th {
		text-align: left;
		background-color: #e4f4d4;
		font-size: 0.7em;
		font-weight: normal;
		line-height: 1.2em;
		border: 1px solid #999999;
		padding: 4px 6px 3px 6px;
		margin: 0px;
		}
	.cartcheck th.name {
		width: 50%;
		}
	.cartcheck th.price {
		width: 20%;
		}
	.cartcheck th.order {
		width: 10%;
		text-align: center;
		}
	.cartcheck th.sub_total {
		width: 20%;
		}

	.cartcheck td {
		font-size: 0.8em;
		line-height: 1.2em;
		border: 1px solid #999999;
		padding: 10px 6px 10px 6px;
		margin: 0px;
		}
	.cartcheck td.name {
		}
	.cartcheck td.price {
		text-align: right;
		}
	.cartcheck td.order {
		text-align: center;
		}
	.cartcheck td.sub_total {
		text-align: right;
		color: #ff6600;
		font-weight: bold;
		}

	.cartcheck td.sub_total2 {
		text-align: right;
		color: #666699;
		font-weight: bold;
		}

	.cartcheck th.total_number {
		width: 27%;
		background-color: #e5e0ff;
		font-size: 0.8em;
		border-right: 0px none;
		}
	.cartcheck th.total_price {
		width: 32%;
		background-color: #e5e0ff;
		font-size: 0.8em;
		border-right: 0px none;
		border-left: 0px none;
		}
	.cartcheck td.total_number {
		width: 23%;
		background-color: #e5e0ff;
		border-right: 0px none;
		border-left: 0px none;
		}
	.cartcheck td.total_price {
		width: 18%;
		text-align: right;
		color: #ff3300;
		background-color: #e5e0ff;
		font-weight: bold;
		border-left: 0px none;
		}



/*	----------------------------------------
	table  >>  form
*/

table.formTable {
	width: 520px;
	}

	.formTable th {
		width: 28%;
		}

	.formTable td {
		width: 72%;
		}

.formTable {
	border-collapse: collapse;
	border: 0px none;
	padding: 0px;
	margin: 10px 0px;
	}

	.formTable th {
		text-align: left;
		background-color: #f0f5ff;
		font-size: 0.8em;
		font-weight: normal;
		line-height: 1.2em;
		border: 1px solid #999999;
		padding: 4px 4px 3px 4px;
		margin: 0px;
		}

	.formTable th.col1 {
		background-color: #e9f0ff;
		}

	.formTable th.col2 {
		background-color: #f5f0ff;
		}

	.formTable th.col1_c {
		text-align: center;
		background-color: #e9f0ff;
		}

	.formTable th.col2_c {
		text-align: center;
		background-color: #f5f0ff;
		}

	.formTable td {
		font-size: 0.8em;
		line-height: 1.2em;
		border: 1px solid #999999;
		padding: 4px 6px 3px 6px;
		margin: 0px;
		}

	.formTable th.center,
	.formTable td.center {
		text-align: center;
		}

	.formTable td.notes {
		color: #666666;
		background-color: #fafafa;
		font-size: 0.7em;
		}

	.formTable .cap {
		color: #666666;
		}

	.formTable td.noborder {
		border: 0px none;
		}

	.formTable .comment {
		color: #666666;
		font-size: 0.8em;
		line-height: 1.2em;
		}

	.formTable td.check {
		color: #226fe2;
		font-weight: bold;
		padding: 8px 6px 8px 6px;
		}



/*	----------------------------------------
	table  >>  form 2
*/

table.formTable2 {
	width: 520px;
	}

	.formTable2 th {
		width: 28%;
		}

	.formTable2 td {
		width: 72%;
		}

.formTable2 {
	border-collapse: collapse;
	border: 0px none;
	padding: 0px;
	margin: 10px 0px;
	}

	.formTable2 th {
		text-align: left;
		background-color: #e4f4d4;
		font-size: 0.8em;
		font-weight: normal;
		line-height: 1.2em;
		border: 1px solid #999999;
		padding: 8px 6px 8px 6px;
		margin: 0px;
		}

	.formTable2 td {
		color: #339933;
		font-size: 0.8em;
		font-weight: bold;
		line-height: 1.2em;
		border: 1px solid #999999;
		padding: 8px 6px 8px 6px;
		margin: 0px;
		}

	.formTable2 .comment {
		color: #666666;
		font-weight: normal;
		line-height: 1.2em;
		}



/*	----------------------------------------
	table  >>  flat
*/

table.flatTable {
	width: 530px;
	border-collapse: collapse;
	border: 0px none;
	padding: 0px;
	margin: 20px 0px;
	}

	.flatTable th {
		width: 28%;
		text-align: left;
		background-color: #e0f0ff;
		font-size: 0.8em;
		font-weight: normal;
		line-height: 1.2em;
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
		padding: 8px 6px 8px 6px;
		margin: 0px;
		}

	.flatTable td {
		width: 72%;
		font-size: 0.8em;
		line-height: 1.2em;
		border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
		padding: 8px 6px 8px 6px;
		margin: 0px;
		}



/*	----------------------------------------
	table  >>  nonono
*/


table.nonono {
	border-collapse: collapse;
	border: 0px none;
	padding: 0px;
	margin: 0px 0px;
	}
	.nonono th,
	.nonono td {
		text-align: left;
		font-size: 0.8em;
		font-weight: normal;
		line-height: 1.2em;
		border: 0px none;
		padding: 0px;
		margin: 0px 0px;
		}
	.nonono th.TBborder {
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		padding: 4px 0px 3px 0px;
		}
	.nonono td.TBborder {
		border-bottom: 1px solid #cccccc;
		padding: 4px 0px 3px 0px;
		}


/*	----------------------------------------
	coupon
*/

.coupon_code_ie {
	text-align: right;
	}

.coupon_code {
	width: 65%;
	text-align: left;
	background: #cafe98;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	padding: 6px 10px;
	margin-right: 0px;
	margin-left: auto;
	}


/*	eof
*/