/* CSS Document */

/* ALL_setting
================================================== */
*{
	margin:0;
	padding:0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

.clear{clear:both;}

body{
	background-image: url(../image/background.png);
	background-repeat: repeat;
}

img{border:0;}


.left_main_image{
	position:relative;
	width:472px;
	z-index: 1;
}
.left_main_image img {
    position:absolute;
    left:0;
    top:0;
}

h1{float:left; margin-top:4px; font-size:12px;}

.pc{ display: inherit; }
.sp{ display: none; }

@media screen and (max-width: 699px){
.pc{ display: none; }
.sp{ display: inherit; }
}

/* Contents_setting
================================================== */

.black_border_header {
	background-color: #000;
	font-size: 12px;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 15px;
	background-image: url(../image/stripe_gray.png);
	background-repeat: repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e85416;
}
.black_border_box {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

.header_wrapper {
	background-image: url(../image/header_background2.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 476px;
}
.header_box {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 459px;
}
.left_main_box {
	background-image: url(../image/main_image_back.png);
	background-repeat: repeat-y;
	height: 459px;
	width: 472px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
}
.left_text_image {
	height: 198px;
	width: 437px;
	position: absolute;
	z-index: 2;
	bottom: 15px;
	left: 10px;
}
.left_bottom {
	float: right;
	padding-left: 15px;
}



.right_main_box_title {
	height: 232px;
	width: 527px;
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	z-index: 2;
	top: 20px;
}
.right_main_box_key {
	height: 164px;
	width: 164px;
	position: absolute;
	z-index: 2;
	right: 310px;
	bottom: 14px;
}
.right_main_box_keybooth {
	height: 163px;
	width: 315px;
	position: absolute;
	z-index: 2;
	right: 0px;
	bottom: 14px;
	
}
.contents_wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
.title_image {
	height: 53px;
	width: 900px;
	padding-bottom: 12px;
}
.arrowlink {
	color:#333333;
	font-size: 20px;
	font-weight:bold;
	padding-left:30px;
	line-height:24px;
	display:block;
	background-image: url(../image/dp_arrow_link.png);
	background-repeat: no-repeat;
	background-position: 0% 45%;
	font-weight: bold;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a65155;
	padding-bottom: 4px;
}

.dp_table_style1 {
	padding: 8px;
	border: 1px solid #fff;
	background-color: #e85416;
	font-weight: bold;
	font-size:18px;
	color:white;
}
.dp_table_style2 {
	border-top: 1px solid #e85416;
	border-right: 1px solid #e85416;
	background-color: #fff;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	font-size:18px;
}
.dp_table_style3 {
	border: 1px solid #e85416;
	background-color: #fff;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	font-size:18px;
}








.vaks_goods1box {
	width: 420px;
	margin-bottom: 20px;
	background-color: #333;
	padding: 10px;
	float: left;
	margin-right: 10px;
}
.vaks_goods1image {
	border: 1px solid #999;
	margin-bottom: 5px;
	height: 416px;
	width: 416px;
}
.vaks_goods2image {
	border: 1px solid #999;
	margin-bottom: 5px;
	width: 416px;
}
.vaks_goods3image {
	margin-bottom: 5px;
	width: 416px;
}
.vaks_goods_box {
	padding-top: 5px;
	padding-bottom: 0px;
}
.vaks_goods2box {
	width: 420px;
	margin-bottom: 20px;
	background-color: #333;
	padding: 10px;
	float: left;
}
.vaks_goodstext {
	font-size: 18px;
	font-weight: bold;
	color: #ea5514;
	background-color: #FFF;
	padding: 6px;
	margin-bottom: 4px;
	border: 1px solid #999;
}
.vaks_goodstext2 {
	font-size: 14px;
	color: #FFF;
	line-height: 24px;
	padding: 10px;
}
.vaks_goodstext3 {
	font-size: 12px;
	color: #FFF;
	line-height: 20px;
}
.vaks_goodstext4 {
	font-size: 16px;
	font-weight: bold;
	color: #003300;
	background-color: #FFF;
	padding: 4px;
	margin-bottom: 4px;
	border: 1px solid #999;
}
.vaks_goodstext5 {
	font-size: 18px;
	color: #FFF;
	line-height: 20px;
}
.vaks_price {
	font-size: 20px;
	color: #FFF;
	font-weight: bold;
	text-align: right;
	padding-top: 4px;
}
.black_border_footer {
	background-color: #000;
	font-size: 12px;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 15px;
	background-image: url(../image/stripe_gray.png);
	background-repeat: repeat;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #e85416;
}
.vaks_goods_longbox {
	background-color: #333;
	padding: 10px;
	width: 870px;
	margin-bottom: 20px;
}
.vaks_goods_longbox2 {
	background-color: #084525;
	padding: 10px;
	width: 870px;
	margin-bottom: 20px;
}
.vaks_goods_disc {
	font-size: 14px;
	color: #F90;
}
.vaks_text_style1 {
	background-color: #DE000A;
	padding: 4px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 8px;
}
.vaks_text_style2 {
	background-color: #FFFFFF;
	padding: 4px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 8px;
	color: #DE000A;
}

.vaks_text_style3 {
	background-color: #339966;
	padding: 4px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 8px;
	color: #FFFFFF;
}
.vaks_present_img {
	width: 798px;
	margin-right: auto;
	margin-left: auto;
}


.table_style1{
width:50%; margin:auto; padding-top:10px; padding-bottom:10px;
}

.table_style2{
width:30%; margin:auto; padding-top:10px;;
}



/* smartphone_setting
================================================== */

@media screen and (max-width: 699px){
#wrapper{
	width:100%;
}

.black_border_header {
	background-color: #000;
	font-size: 12px;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 0px;
	background-image: url(../image/stripe_gray.png);
	background-repeat: repeat;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e85416;
	width: 96%;
	margin: auto;
	padding-left: 2%;
	padding-right: 2%;
}

.black_border_box {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.left_bottom {
	float: none;
	clear: both;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0px;
	text-align: right;
}

.header_wrapper {
	background-image: url(../image/header_background2.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	height: auto;
	width:100%;
	height: auto;
	
}

.header_box {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: unset;
	height: auto;

}

.left_main_box {
	background-image: url(../image/main_image_back.png);
	background-repeat: repeat-y;
	height: auto;
	width: 100%;
	position: unset;
	left: 0px;
	top: 0px;
	z-index: 0;

}

.right_main_box_title {
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	position:static;
	right: 0px;
	z-index: 2;
	top: 28px;
	margin-top: -46%;

}

.left_main_image{
	position:unset;
	width:100%;
	z-index: 1;
}

.left_main_image img {
    position:unset;
	width: 100%;
}
.right_main_box_key{
display: none;
}

.right_main_box_keybooth {
	height: auto;
	width: 80%;
	position:static;
	z-index: 2;
	right: 0px;
	bottom: 28px;
	margin: auto;
	padding-bottom: 6%;
}

.contents_wrapper {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}

.title_image {
	height: auto;
	width: 100%;
	padding-bottom: 12px;
}

.dp_table{width:100%;}

.dp_table_style1 {
	padding: 0px;
	border: 1px solid #fff;
	background-color: #e85416;
	font-weight: bold;
	font-size:18px;
	color:white;
	width: 96%;
	margin: auto;
}

.dp_table_style2 {
	border-top: 0px solid #e85416;
	border-right: 0px solid #e85416;
	background-color: #fff;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	font-size:18px;
	width: 96%;
	margin: auto;
}
.dp_table_style3 {
	border: 1px solid #e85416;
	background-color: #fff;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	font-size:18px;
	width: 96%;
	
}

tr { display:block; margin-bottom:1em; }
th,td{ display: list-item; list-style-type:none; border: none; }

.vaks_goods1box {
	width: 96%;
	margin-bottom: 20px;
	background-color: #333;
	padding: 10px;
	float: none;
	margin-right: auto;
	margin-left:auto;
}

.vaks_goods2box {
	width: 96%;
	margin-bottom: 20px;
	background-color: #333;
	padding: 10px;
	float: none;
		margin-right: auto;
	margin-left:auto;
}

.vaks_goods1image {
	border: 0px solid #999;
	margin-bottom: 5px;
	width: 100%;
	height: auto;
}
.vaks_goods2image {
	border: 0px solid #999;
	margin-bottom: 5px;
	width: 100%;
}
.vaks_goods3image {
	border: 0px solid #999;
	margin-bottom: 5px;
	width: 100%;
}

.table_style1{
width:100%; margin:auto; padding-top:10px; padding-bottom:10px;
}

.table_style2{
width:80%; margin:auto; padding-top:10px;;
}

.vaks_goods_longbox {
	background-color: #333;
	padding: 10px;
	width: 96%;
	margin: auto;
	margin-bottom: 20px;
}
.vaks_goods_longbox2 {
	background-color: #084525;
	padding: 10px;
	width: 96%;
	margin: auto;
	margin-bottom: 20px;
}

}

