@CHARSET "UTF-8";

body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: 'Lucida Grande', 'Hiragino Maru Gothic Pro', 'ヒラギノ丸ゴ Pro W4', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Geneva, Arial, Verdana, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 0px;
}

/************************************************************************
* Header Style
*************************************************************************/
#header {
	width: 1000px;
	margin: 0px;
	padding: 0px;
}

.header_top {
	height: 80px;
	margin: 0px;
	padding: 0px;
}

.header_logo {
	width: 92px;
	height: 80px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url('./image/pdj_logo.png');
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}

.header_right {
	margin: 0px;
	padding: 0px;
	float: right;
}

.header_right_navi {
	height: 20px;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0px;
	clear: both;
	float: right;
}

.header_right_navi_bottom {
	margin-top: 0px;
	margin-bottom: 10px;
}

.header_right ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
	list-style-type: none;
	background-color: #888888;
}

.header_right li {
	width: 100px;
	height: 20px;
	margin: 0px;
	margin-left: 3px;
	padding: 0px;
	background-color: #092768;
	float: left;
}

.header_right a {
	display: block;
	width: 100px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

.header_right a:link,
.header_right a:visited,
.header_right a:active {
	color: #FFFFFF;
}

.header_right a:hover {
	color: #FF9900;
}

.header_right span {
	line-height: 20px;
	vertical-align: middle;
}

.header_navi {
	width: 1000px;
	height: 35px;
	background-color: #F93939;
	background-image: -moz-linear-gradient(-90deg, #F93939, #F93939 10%, #3C0303);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F93939), color-stop(0.10, #F93939), to(#3C0303));
	filter: progid:DXImageTransform.Microsoft.gradient(enable='true', startColorstr=#F93939, endColorstr=#3C0303, GradientType=0);
}

.header_navi ul {
	margin: 0px;
	padding: 0px;
	padding-left: 61px;
	text-align: center;
	list-style-type: none;
	background-color: #990000;
}

.header_navi li {
	margin: 0px;
	padding: 0px;
	border-right: solid 1px #96252B;
	float: left;
}

.header_navi li.header_navi_top {
	border-left: solid 1px #96252B;
}

.header_navi a {
	display: block;
	width: 145px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.header_navi a:link,
.header_navi a:visited,
.header_navi a:active {
	color: #FFFFFF;
}

.header_navi a:hover {
	color: #FF9900;
}

.header_navi span {
	line-height: 35px;
	vertical-align: middle;
}

/************************************************************************
* Middle Wrapper Style
*************************************************************************/
#middle_wrap {
	width: 1000px;
	min-height: 500px;
	margin: 0px;
	padding: 0px;
}

/************************************************************************
* Side bar Style
*************************************************************************/
#sidebar {
	width: 170px;
	margin: 20px 10px;
	padding: 0px;
	background-color: #F0F0F0;
	clear: both;
	float: left;
	-opera-border-radius: 10px;
	-moz-border-radius: 12px;
	-moz-box-shadow: 0px 3px 7px #adadad;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0px 3px 7px #adadad;
	border-radius: 10px;
	-moz-box-sizing: border-box;
	-opera-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.side_navi {
	width: 150px;
	margin: 10px;
}

.side_navi p {
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: solid 1px #555555;
}

.side_navi ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style-type: none;
}

.side_navi li {
}

.side_navi a {
	display: block;
	text-decoration: none;
}

.side_navi a:link,
.side_navi a:visited,
.side_navi a:active {
	color: #000000;
}

.side_navi a:hover {
	color: #6988C9;
}

.side_navi span {
	line-height: 25px;
	vertical-align: middle;
}

.side_navi_blank {
	text-indent: -9999px;
	overflow: hidden;
}

/************************************************************************
* Main Content Style
*************************************************************************/
#main_content {
	width: 810px;
	margin: 20px 0px;
	padding: 0px;
	float: right;
}

/************************************************************************
* Index Style
*************************************************************************/
.index_image {
	width: 790px;
	padding: 0px 10px;
}

.index_image img {
	max-width: 790px;
	border: none;
}

/************************************************************************
* Item List Style
*************************************************************************/
.item_list {
	width: 810px;
	margin-top: 20px;
}

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

.item_list li {
}

.item_image {
	width: 270px;
	text-align: center;
	float: left;
}

.item_image img {
	width: 240px;
	margin: 0px auto;
	border: none;
}

.item_detail {
	width: 530px;
	margin: 0px;
	margin-right: 10px;
	float: right;
}

.item_name {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	border-bottom: solid 1px #333333;
}

.item_price {
	font-size: 16px;
}

.item_price span {
	font-size: 12px;
}

.item_outofstock span {
	line-height: 30px;
	vertical-align: middle;
}

.item_description {
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
}

.item_description p {
	margin: 0px;
	padding: 0px;
}

.item_button_buy {
	width: 790px;
	height: 50px;
	margin: 0px 10px;
	padding: 0px;
	padding-top: 10px;
/*	padding-right: 10px;*/
	text-align: right;
	font-size: 10px;
	border-bottom: solid 1px #000000;
	clear: both;
}

/************************************************************************
* Cart Style
*************************************************************************/
#formCart{
	width: 700px;
	margin: 0px auto;
	padding: 14px;
}

#formCart h1,
#formCart form {
	margin: 0px;
	padding: 0px;
}

#formCart h1 {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
}

#formCart p.form_subject {
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	padding-bottom: 10px;
	color: #666666;
	font-size: 11px;
	border-bottom: solid 1px #999999;
}

.cart_list {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	border-collapse: collapse;
	clear: both;
}

.cart_head_1 {
	width: 400px;
}

.cart_head_2 {
	width: 100px;
}

.cart_head_3 {
	width: 50px;
}

.cart_head_4 {
	width: 100px;
}

.cart_head_5 {
	width: 40px;
}

.cart_head_1,
.cart_head_2,
.cart_head_3,
.cart_head_4 {
	border-bottom: solid 1px #888;
}

.cart_foot_1,
.cart_foot_2,
.cart_foot_3,
.cart_foot_4 {
	text-align: right;
}

.cart_foot_2,
.cart_foot_3,
.cart_foot_4 {
	padding-right: 5px;
}

.cart_foot_bt_1 {
	font-size: 9px;
	font-weight: normal;
	text-align: right;
}

.cart_foot_bt_1 button {
	font-size: 9px;
}

.cart_list_1 {
	height: 40px;
}

.cart_foot_list_1 {
	height: 25px;
	vertical-align: bottom;
}

.cart_data_1 {
	text-align: left;
}

.cart_data_2 {
	padding-right: 10px;
	text-align: right;
}

.cart_data_3 {
	text-align: right;
}

.cart_data_3 input {
	width: 46px;
	margin: 0px;
	margin-bottom: 2px;
	padding: 0px;
	font-size: 12px;
	text-align: right;
}

.cart_data_4 {
	padding-right: 5px;
	text-align: right;
}

.cart_data_5 {
	text-align: center;
}

.cart_data_5 img {
	cursor: pointer;
}

.checkout_button {
	width: 700px;
	margin: 0px auto;
	margin-top: 20px;
	text-align: right;
}

.checkout_button button,
.checkout_button input {
	font-size: 12px;
}

/************************************************************************
* Order Step 1 Style
*************************************************************************/
#formArea{
	width: 700px;
	margin: 0px auto;
	padding: 14px;
}

#formArea h1,
#formArea form,
#formArea button {
	margin: 0px;
	padding: 0px;
}

#formArea h1 {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
}

#formArea p.form_subject {
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	padding-bottom: 10px;
	color: #666666;
	font-size: 11px;
	border-bottom: solid 1px #999999;
}

.formElement {
	width: 680px;
	height: 35px;
	margin: 0px;
	padding: 5px 10px;
	clear: both;
}

#formArea label {
	display: block;
	width: 170px;
	text-align: right;
	font-weight: bold;
	float: left;
}

#formArea .small {
	display: block;
	width: 170px;
	color: #555555;
	text-align: right;
	font-size: 11px;
	font-weight: normal;
}

#formArea input,
#formArea select,
#formArea textarea {
	width: 200px;
	margin: 0px 0px 0px 10px;
	padding: 4px 2px;
	font-size: 12px;
/*	float: left;*/
}

#formArea select#delivery {
	width: 130px;
}

#formArea textarea#remarks {
	width: 350px;
	height: 100px;
}

#formArea input#name,
#formArea input#kana,
#formArea input#phone {
	width: 150px;
}

#formArea input#zipcode,
#formArea input#prefecture {
	width: 100px;
}

#formArea input#address1,
#formArea input#address2 {
	width: 350px;
}

#formArea input#email,
#formArea input#emailConf {
	width: 300px;
}

.formElementTextarea {
	width: 680px;
	height: 110px;
	margin: 0px;
	padding: 5px 10px;
/*	clear: both;*/
}

.formElementButton {
	width: 680px;
	margin: 0px;
	padding: 5px 10px;
	text-align: right;
/*	clear: both;*/
}

.formElementButton button {
	font-size: 12px;
}

/************************************************************************
* Order Step 2 Style
*************************************************************************/
#order_detail{
	width: 700px;
	margin: 0px auto;
	padding: 14px;
}

#order_detail h1,
#order_detail form,
#order_detail button {
	margin: 0px;
	padding: 0px;
}

#order_detail h1 {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
}

#order_detail p.form_subject {
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	padding-bottom: 10px;
	color: #666666;
	font-size: 11px;
	border-bottom: solid 1px #999999;
}

.order_item_list,
.order_shipping_data {
	width: 650px;
	margin: 0px auto;
}

.order_item_list h2,
.order_shipping_data h2 {
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: solid 1px #999999;
}

.order_item_list table,
.order_shipping_data table {
	width: 650px;
	font-size: 12px;
	border-collapse: collapse;
}

.order_head_1 {
	width: 392px;
}

.order_head_2,
.order_head_4 {
	width: 100px;
}

.order_head_3 {
	width: 50px;
}

.order_head_1,
.order_head_2,
.order_head_3,
.order_head_4 {
	font-size: 12px;
	border-bottom: solid 1px #888;
}

.order_foot_1,
.order_foot_2,
.order_foot_3,
.order_foot_4 {
	text-align: right;
}

.order_list_1 {
	height: 40px;
}

.order_foot_list_1 {
	height: 25px;
	vertical-align: bottom;
}

.order_data_1 {
	text-align: left;
}

.order_data_2,
.order_data_3,
.order_data_4 {
	text-align: right;
}

.order_shipping_data tr {
	height: 25px;
}

.order_shipping_data th {
	width: 120px;
	padding-right: 20px;
	text-align: right;
	font-weight: bold;
}

.order_shipping_data td {
	text-align: left;
	font-weight: normal;
}

.modify_button {
	width: 650px;
	margin: 0px;
	margin-top: 20px;
	text-align: right;
	font-size: 10px;
}

.order_button_block {
	width: 700px;
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	font-size: 16px;
	text-align: center;
}

.order_button {
	width: 154px;
	height: 27px;
	margin: 0px auto;
	padding: 0px;
}

.order_button span {
	display: block;
	line-height: 27px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: bottom;
	font-size: 14px;
	font-weight: bold;
	color: #CC5500;
	background-color: #FFFFFF;
	background-image: url('./image/order_out.png');
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
}

#orderReceipt {
	width: 700px;
	margin: 0px auto;
	padding: 0px;
}

#orderReceipt h2 {
	border-bottom: solid 1px #CCCCCC;
}

#orderReceipt p {
	width: 540px;
	margin: 5px 0px;
	margin-left: 10px;
	padding: 0px;
	font-size: 14px;
	line-height: 24px;
}
/************************************************************************
* Footer Style
*************************************************************************/
#footer {
	width: 1000px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

.footer_navi {
	width: 1000px;
	height: 25px;
	background-color: #ECF1F4;
	background-image: -moz-linear-gradient(-90deg, #FFFFFF, #FFFFFF 10%, #D9E2E8);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.10, #FFFFFF), to(#D9E2E8));
	filter: progid:DXImageTransform.Microsoft.gradient(enable='true', startColorstr=#FFFFFF, endColorstr=#D9E2E8, GradientType=0);
}

.footer_navi ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
	list-style-type: none;
	background-color: #EEEEEE;
}

.footer_navi li {
	margin: 0px;
	padding: 0px;
	border-right: solid 1px #CCCCCC;
	float: left;
}

.footer_navi li.footer_navi_last {
	border-right: none;
}

.footer_navi a {
	display: block;
	width: 110px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

.footer_navi a:link,
.footer_navi a:visited,
.footer_navi a:active {
	color: #000000;
}

.footer_navi a:hover {
	color: #6988C9;
}

.footer_navi span {
	line-height: 25px;
	vertical-align: middle;
}

.footer_bottom {
	font-size: 11px;
}

.footer_bottom a {
	color: #092869;
	text-decoration: none;
}

.footer_bottom_left {
	width: 50%;
	text-align: left;
	float: left;
}

.footer_bottom_left p {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

.footer_bottom_right {
	width: 50%;
	text-align: right;
	float: right;
}

.footer_bottom_right p {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

/************************************************************************
* Documents Style
*************************************************************************/
#docArea {
	width: 700px;
	margin: 0px auto;
	padding: 0px;
}

#docArea h2 {
	border-bottom: solid 1px #CCCCCC;
}

#docArea label {
	width: 150px;
	margin: 5px 0px;
	padding: 0px;
	float: left;
	font-size: 12px;
	text-align: right;
	font-weight: bold;
}

#docArea p {
	width: 540px;
	line-height: 18px;
	margin: 5px 0px;
	margin-left: 10px;
	padding: 0px;
	float: left;
}

#docArea p:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#docAreaPrivacy {
	width: 700px;
	margin: 0px auto;
	padding: 0px;
}

#docAreaPrivacy h2 {
	border-bottom: solid 1px #CCCCCC;
}

#docAreaPrivacy label {
	width: 20px;
	margin: 5px 0px;
	padding: 0px;
	float: left;
	font-size: 12px;
	text-align: right;
	font-weight: bold;
}

#docAreaPrivacy p {
	width: 670px;
	margin: 5px 0px;
	margin-left: 10px;
	padding: 0px;
	float: left;
}

#docAreaShipping {
	width: 700px;
	margin: 0px auto;
	padding: 0px;
}

#docAreaShipping h2 {
	border-bottom: solid 1px #CCCCCC;
}

#docAreaShipping h3 {
	margin-left: 10px;
}

#docAreaShipping p {
	width: 680px;
	margin: 5px 0px;
	margin-left: 10px;
	padding: 0px;
}

#docAreaShipping img {
	margin: 0px 50px;
}

#docAreaShipping table {
	width: 600px;
	margin: 10px auto;
	padding: 0px;
	border-collapse: collapse;
}

#docAreaShipping tr {
	line-height: 30px;
}

#docAreaShipping thead th {
	padding-left: 5px;
	text-align: left;
	background-color: lavender;
}

#docAreaShipping tbody td {
	width: 20%;
	text-align: center;
}

#docAreaShipping thead th,
#docAreaShipping tbody td {
	border: solid 1px #CCCCCC;
}

