@charset "utf-8";
/* CSS Document */

/*
===============================================
0.base setting
===============================================
*/
body {
    background-color: #000;
    color: #FFFAFA;
}
a:link, a:visited {color:#90EE90; text-decoration:none;}
a:hover {color:#FFA500;}
a:active {color:#FFA500;}

#wrapper{
	width: 830px;
	margin: 0 auto;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

#head_area{
	width: 830px;
	height: auto;
}

#foot_area{
	width: 830px;
	height: auto;
	margin-top: 50px;
	clear: both;
}

#breadcrumb ol{
	list-style-type: none;
	font-size: 0.9em;
    padding: 0 0 0 10px;
}
#breadcrumb ol li::after{
    content: " //";
}
#breadcrumb ol li:last-of-type::after{
    content: "";
}
#breadcrumb ol li{
	display:inline-block;
}

#page_jump {
	float: right;
}

/*
===============================================
1.contents setting
===============================================
*/
#D_title {
	width: 810px;
	height: 50px;
	margin: auto 10px;
}
#Defi_left_side {
	width: 385px;
	height: auto;
	float: left;
    padding: 0 10px;
}
#Defi_left_side h2 {
    font-family: 'Patua One', cursive;
    font-weight: normal;
    margin-bottom: 0.5em;
    float:left;
}
#Defi_left_side p {
    width: 405px;
    float: left;
    margin-top: 0.5em;
}
#Defi_left_side h3 {
    float: left;
    margin-bottom: 0.5em;
    font-family: 'Patua One', cursive;
    font-weight: normal;
}
#Defi_right_side {
	width: 405px;
	height: auto;
    float: right;
    margin-top: 60px;
}
#Defi_right_side h3 {
	width: 395px;
    float: left;
    margin-left: 10px;
	margin-bottom: 10px;
	color: #67b2ca;
}
#Defi_right_side ul {
	list-style-type: none;
	margin: 0 0 20px 0px;
	padding: 0;
	float: left;
    font-family: 'Patua One', cursive;
    font-size: 1.3em;
}
#Defi_right_side li{
    position: relative;
    margin-left: 30px;
}
#Defi_right_side li::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: transparent solid 8px;
    border-left-color: #90EE90;
    position: absolute;
    top:3px;
    left: -15px;
}
li.Nmark::after {
    content: "NEW";
    font-size: 0.7em;
    color: #fa8072;
    display: inline-block;
    margin-left: 0.5em;
}
#D_photos {
	clear: both;
	width: 700px;
	margin: auto 55px;
}
#D_photos img {
	float: left;
	height: 200px;
	margin: 15px auto;
}
/*Section area set up===========================*/
.section_area {
	width: 790px;
	margin: 30px 20px;
}
.section_area h1 {
	width: 610px;
	margin: auto 90px;
}
.section_area h2 {
	width: 580px;
	margin: 15px 90px;
	background-image: -moz-linear-gradient(top, #575757, #90918f);
	background-image: -ms-linear-gradient(top, #575757, #90918f);
	background-image: -o-linear-gradient(top, #575757, #90918f);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#575757), to(#90918f));
	background-image: -webkit-linear-gradient(top, #575757, #90918f);
	background-image: linear-gradient(top, #575757, #90918f);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	padding: 10px 15px;
	border-radius: 5px;
}
.section_area p {
	width: 610px;
	margin: 10px 90px;
	line-height: 1.5;
}
.section_area dl {
	width: 610px;
	margin: auto 90px;
}
.section_area dd {
	width: 600px;
	padding: 10px 5px;
	margin: 0;
}
.section_area ul{
	width: 610px;
	margin: auto 90px;
	padding: 0;
	list-style-type: none;
}
.section_area iframe {
    width: 560px;
    margin-left: 115px; 
}
.line_up dd {
	font-size: 80%;
}
.notice ul {
	list-style-type: none;
	width: 600px;
	margin: auto 88px;
	background-color: #F69;
	border: solid 1px #F9C;
}
.notice ul li {
	padding: 5px;
}
.notice p {
	width: 603px;
	margin: auto 90px;
	border: solid 1px #F9C;
	background-color: #F69;
	padding-left: 5px;
}
p.to_list {
    width: 830px;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
}

table.T_typeA {
    border-collapse: collapse;
    width: 610px;
    margin: 10px auto;
}
table.T_typeA td{
    border: solid 1px #fff;
}


/*list style set up===========================*/
.list1 li{
	list-style-type: circle;
}
.list2 li{
	list-style-image: url(../img/bikkuri.gif);
}
.listA dt::before {
	content: "*";
    display: inline-block;
    width: 10px;
}
.listB dl {
    margin-bottom: 3em;
}
.listC li::before {
    content: "- ";
    font-weight: bold;
}
	
/*
=============================================
Defi Products Lineup
=============================================
*/
#Dife_PLineup {
    float: left;
}
#Dife_PLineup h1 {
    float: left;
    width: 830px;
    text-align: center;
}
#Dife_PLineup h2 {
    float: left;
    width: 825px;
    background: #888;
    padding: 5px;
}
#Dife_PLineup p {
    width: 830px;
    margin-top: 0;
    float: left;
}
#Dife_PLineup table {
    float: left;
    width: 830px;
    margin-bottom: 40px;
    border-collapse: collapse;
}
#Dife_PLineup table th {
    border: solid 1px #fff;
    background: #555;
    font-size: 1.2em;
}
#Dife_PLineup table td {
    border: solid 1px #fff;
    padding: 3px;
}
#Dife_PLineup ul {
    float: right;
    list-style: none;
    padding: 0;
}
#Dife_PLineup ul li {
    display: inline-block;
}
#Dife_PLineup tbody tr:hover {
    background: #FFA500;
    color: #333;
}


#Dife_DLineup {
    float: left;
}
#Dife_DLineup h1 {
    float: left;
    width: 830px;
    text-align: center;
}
#Dife_DLineup p {
    width: 830px;
    margin-top: 0;
    float: left;
    text-align: center;
}
#Dife_DLineup table {
    float: left;
    width: 600px;
    margin-left: 115px; 
    margin-bottom: 40px;
    border-collapse: collapse;
}
#Dife_DLineup table th {
    border: solid 1px #fff;
    background: #555;
    font-size: 1.2em;
}
#Dife_DLineup table td {
    border: solid 1px #fff;
    padding: 3px;
}
#Dife_DLineup ul {
    float: right;
    list-style: none;
    padding: 0;
}
#Dife_DLineup ul li {
    display: inline-block;
}
#Dife_DLineup tbody tr:hover {
    background: #FFA500;
    color: #333;
}
#Dife_DLineup tbody tr:last-child {
    border-bottom: solid 4px #fff;
}

.t-alignA {
    text-align: right;
}
.order-item {
    color: #f00;
    font-weight: bold;
}