@charset "UTF-8";
@import "default.css";


/**
 * Common tag
 */
body {
	font-size: 12px;
	line-height: 1.5;
	background: url(../images/bg_body.jpg) repeat-x left top;
}
body#popup {
	padding: 10px;
}

a {
	color: #d23640;
}


/**
 * Layout
 */
#container {
	width: 950px;
	margin: 0 auto;
}
#container-2 {
	width: 950px;
	margin: 0 auto;
}

#left-contents {
	width: 180px;
	float: left;
	margin-right: 15px;
}
#container-2 #left-contents {
	margin-right: 0px;
}
#main-contents {
	width: 560px;
	float: left;
}
#container-2 #main-contents {
	width: 756px;
	float: right;
}
#right-contents {
	width: 180px;
	float: right;
}

#popup-container {
	width: 755px;
	margin: 0 auto;
}

/**
 * Common wrapper
 */
.content {
	margin-bottom: 20px;
	zoom: 1;
}
.content:after,
.wrapper:after {
	content: "";
	display: block;
	clear: both;
}

#left-contents .content {
	margin-bottom: 15px;
	border: 1px solid #ccc;
}

/**
 * Common
 */

/* Layout */
.tc {
	text-align: center;
}

.mt10 {
	margin-top: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

/* text */
.text-header {
	background: url(../images/bg_textheader.jpg) no-repeat left top;
	height: 38px;
	line-height: 38px;
	padding-left: 20px;
	margin-bottom: 5px;
	font-size: 14px;
	border-right: 1px solid #ccc;
}

.text-header2 {
	background: url(../images/bg_textheader3.jpg) no-repeat left top;
	height: 38px;
	line-height: 38px;
	padding-left: 20px;
	margin-bottom: 5px;
	font-size: 14px;
	border-right: 1px solid #ccc;
}
.text-header3 {
    background: url(../images/products/bg_textheader_wide.jpg) no-repeat left top;
    border: 0;
	height: 38px;
	line-height: 38px;
	padding-left: 20px;
	margin-bottom: 5px;
	font-size: 14px;
}


/* table */
.tbl-def {
	width: 100%;
	margin-bottom: 20px;
}
.tbl-def th {
	padding: 10px;
	background: #f2f2f2;
	border: 1px solid #ccc;
}
.tbl-def td {
	padding: 10px;
	border: 1px solid #ccc;
}

.tbl-static th {
	background: #e0e0e0;
	padding: 15px 8px;
	color: #cc0000;
}
.tbl-static td {
	padding: 15px;
}


/**
 * Header
 */
#header .inner {
	width: 950px;
	margin: 0 auto;
	zoom: 1;
}
#header .inner:after {
	content: "";
	display: block;
	clear: both;
}
#header .header-top {
	background: #f8f8f8;
	padding: 5px 0;
	margin-bottom: 10px;
}
#header h1 {
	font-size: 10px;
	font-weight: normal;
	width: 475px;
	float: left;
	color: #666;
}
#header .header-top p {
	width: 475px;
	float: right;
	text-align: right;
	font-size: 10px;
}
#header .header-top p a {
	color: #666;
}
#header .clm1 {
	width: 233px;
	float: left;
	padding: 5px 0;
}
#header .clm2 {
	width: 419px;
	float: left;
}
#header .clm3 {
	width: 171px;
	float: left;
	padding-top: 8px;
}
#header .clm4 {
	width: 107px;
	float: right;
	padding-top: 10px;
}

#header .loggedin {
    margin-top: 9px;
}
#header .nologin {
    margin-top: 22px;
}
#header .clm2 h2 {
	font-size: 13px;
	font-weight: normal;
	line-height: 1.2;
	margin-top: -2px;
}
#header .clm2 h2 strong {
	font-size: 19px;
	font-weight: bold;
	color: #b32f26;
	padding-left: 5px;
}
#header .clm2 .login {
	font-size: 10px;
}
#header .clm2 .login span {
	color: #b32f26;
	font-weight: bold;
	font-size: 12px;
}
#header .clm3 p {
	font-size: 12px;
	text-align: right;
}
#header .clm3 .price {
	color: #c00;
	font-weight:bold;
}
#header .clm3 .search-field {
	width: 97px;
	height: 21px;
	padding: 0px 0 0 20px;
	border: 0;
	background: url(../images/bg_search_form.jpg) no-repeat left top;
}


/* navigation */
#global-nav {
	clear: both;
	height: 47px;
	margin: 10px 0;
	background: url(../images/bg_nav.jpg) repeat-x left top;
}
#global-nav:after {
	content: "";
	display: block;
	clear: both;
}
#global-nav ul {
	width: 955px;
	margin: 0 auto;
	background: #f6c5bf;
}
#global-nav li {
	float: left;
}


/**
 * Left Contents
 */
#left-contents #side-about {
	border: 0;
}
#left-content h2 {
	margin-bottom: 10px;
}

/* ranking */
#ranking ol {
	margin: 7px;
}
#ranking  li {
	padding-bottom: 7px;
	border-bottom: 1px dotted #666;
	margin-bottom: 10px;
}
#ranking  li:after {
	content: "";
	display: block;
	clear: both;
}
#ranking  li#rank3 {
	border-bottom: 0;
}
#ranking .rank-title {
	margin-bottom: 5px;
}
#ranking .rank-title .rank-name {
	float: left;
}
#ranking .rank-title h3 {
	float: left;
	padding-left: 5px;
}
#ranking .rank-title h3 a {
	color: #da1800;
}
#ranking .rank-title:after {
	content: "";
	display: block;
	clear: both;
}
#ranking #rank1 h3 {
	font-size: 16px;
	padding-top: 5px;
}
#ranking #rank2 h3 {
	font-size: 13px;
	font-weight: normal;
	padding-top: 2px;
}
#ranking #rank3 h3 {
	font-size: 11px;
	font-weight: normal;
padding-top: 4px;
}

#ranking .rank-pic {
	float: left;
}
#ranking .rank-text {
	width: 80px;
	float: left;
	padding-left: 7px;
	font-size: 10px;
}
#ranking #rank2 .rank-text,
#ranking #rank3 .rank-text {
	width: 100px;
}


/* categoris */
#categories {
	background: #fbfbfb;
}
#categories .category-box {
	margin: 5px 4px 25px 4px;
}
#categories h2 {
	background: url(../images/bg_side_header.jpg) no-repeat left top;
	height: 33px;
	padding-left: 20px;
	padding-top: 5px;
	line-height: 1.3;
	margin-bottom: 10px;
}
#categories #category-2 .level2 {
	border-bottom: 0;
}
#categories .parent {
	border-bottom: 0;
	padding: 0;
}
#categories .parent > a {
	background: url(../images/bg_textheader_side.jpg) repeat-x left top #fefefe;
	border: 1px solid #ccc;
	padding: 5px;
	display: block;
	color: #333;
	font-weight: bold;
}
#categories li {
	border-bottom: 1px dotted #ccc;
	padding: 6px 5px;
	background: #efefef;
}
#categories li a {
	background: url(../images/icon_arrow2.gif) no-repeat 2px 4px;
	padding-left: 16px;
	display: block;
}
#categories li a:hover {
	text-decoration: none;
}
#categories li.odd {
	background: #fff;
}


/* guide */
#left-contents .guide-content h2 {
	background: #017dbd;
	color: #fff;
	text-align: center;
	padding: 3px 0;	
}
#left-contents .guide-content ul {
	margin: 10px;
}
#left-contents .guide-content ul li {
	margin-bottom: 5px;
}
#left-contents .guide-content ul li a {
	background: url(../images/icon_arrow1.gif) no-repeat left center;
	padding-left: 14px;
	color: #333;
}


/**
 * Main contents
 */
 
 /* common */
#main-contents > .content {
	border: 1px solid #ccc;
	padding: 10px;
}

#main-contents .header-area {
	height: 26px;
	margin-bottom: 15px;
	position: relative;
}
#main-contents .header-area h2 {
	/*font-size: 18px;
	float: left;*/
}
#main-contents .header-area p {
	font-size: 10px;
	position: absolute;
	right: 0;
	top: 3px;
}
#main-contents .header-area p a {
	background: url(../images/icon_arrow2.gif) no-repeat left center;
	padding-left: 10px;
}


/* main banner */
#main-contents > #main-banner {
	border: 0;
	padding: 0;
}

/* keywords */
#keywords {
	padding-bottom: 5px !important;
}
#keywords ul {
	margin-right: -5px;
}
#keywords li {
	width: 130px;
	float: left;
	background: #efefef;
	margin: 0 5px 5px 0;
	padding: 3px 0;
	text-align: center;
}
#keywords li.even {
	background: #fef1f2;
}

/* campaign */
#campaign {
	padding-bottom: 0 !important;
}
#campaign .wrapper {
	margin-right: -10px;
	font-size: 11px;
}
#campaign .section {
	width: 172px;
	float: left;
	margin: 0 10px 10px 0;
}
#campaign .section .pic {
	margin-bottom: 3px;
}
/* season */
#season .wrapper {
	margin-right: -13px;
}
#season .item {
	width: 123px;
	float: left;
	margin-right: 13px;
}
#season .item  .pic {
	margin-bottom: 5px;
	border: 1px solid #ccc;
}

/* home business */
#home-business {
	padding: 0 !important;
	background: url(../images/pic_business.jpg) no-repeat right bottom;
}
#home-business h2 {
	margin-left: -1px;
	margin-top: -1px;
}
#home-business .inner {
	width: 410px;
	margin: 10px;
	padding-top: 10px;
}
#home-business .inner h3 {
	font-size: 15px;
}
#home-business .inner .btn {
	text-align: right;
}

/* banner area */
#banner-area {
	border: 0 !important;
	padding: 0 !important;
}
#banner-area ul {
	margin-right: -8px;
}
#banner-area li {
	float: left;
	margin: 0 8px 10px 0;
}

/* category-area */
#category-area {
	border: 0 !important;
	padding: 0 !important;
}
#category-area h3 {
	background: url(../images/bg_textheader.jpg) no-repeat left top;
	height: 38px;
	line-height: 38px;
	padding-left: 20px;
	margin-bottom: 7px;
	font-size: 15px;
}
#product-list-category {
    margin-top: 80px;
}
#product-list-category #category-area h3 {
    background: url(../images/products/bg_textheader_wide.jpg) no-repeat left top;
}
#category-area h4 {
	background: url(../images/bg_textheader2.jpg) repeat-x left top #f2f2f2;
	font-size: 15px;
	padding: 4px 4px 4px 10px;
	border: 1px solid #ccc;
	margin: 8px 0 5px 0;

}
#category-area .section {
			font-size: 110%;
margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #ccc;
}
#category-area .section p {
		font-size: 110%;
        margin: 5px 0;
}
#category-area .section form {
	background: #efefef;
	padding: 10px;
	border: 1px solid #ccc;
}
#category-area .section form input ,
#category-area .section form select {
	vertical-align: top;
}
#category-area .section form select {
	width: 200px;
	margin-left: 135px;
}
#product-list-category #category-area .section form select {
    margin-left: 225px;
}

#category-area .section ul {
	zoom: 1;
}
#category-area .section ul:after {
	content: "";
	display: block;
	clear: both;
}
#category-area .section li {
	width: 135px;
	float: left;
	background: #efefef;
	margin: 0 5px 5px 0;
	padding: 6px 0;
	text-align: center;
}
#product-list-category #category-area .section li {
    margin-right: 10px;
    width: 140px;
}
#category-area .section li.even {
	background: #fef7f8;
}


/* guide-area */
#guide-area {
	padding: 0 !important;
}
#guide-area .wrapper {
	zoom: 1;
	border-bottom: 1px solid #ccc;
}
#guide-area .wrapper:after {
	content: "";
	display: block;
	clear: both;
}
#guide-area .last {
	border-bottom: 0 !important;
}
#guide-area dl {
	width: 279px;
	float: left;
}
#guide-area dl.clm1 dt {
	padding: 3px 6px;
}
#guide-area dl dd {
	padding: 6px;
}
#guide-area dl dt {
	border-bottom: 1px solid #ccc;
	padding: 3px;
	font-weight: bold;
}
#guide-area a {
	color: #333;
}
#guide-area a.link {
	color: #d23640;;
}



/**
 * Right side Contents
 */

/* guide */
#right-guide {
	border: 1px solid #9bd2f5; 
	background: url(../images/left_bg01.jpg) no-repeat right bottom;
}
#right-guide h2 {
	margin-bottom: 10px;
}
#right-guide p,
#right-guide ul {
	padding: 0 10px 5px 10px;
}
#right-guide li {
	margin-bottom: 0px;
}
#right-guide li a {
	background: url(../images/icon_arrow1.gif) no-repeat left center;
	padding-left: 12px;
	color: #333;
	font-size: 12px;
	line-height: 0;
}

#side-twitter {
	margin-bottom: 20px;
}


/* customer */
#side-customer {
	border: 1px solid #f3a41e;
}
#side-customer h2 {
	margin-bottom: 10px;
}
#side-customer form {
	padding: 0 10px 10px 10px;
}
#side-customer dl {
	margin-bottom: 10px;
}
#side-customer form dt {
	font-size: 9px;
}
#side-customer form dd {
	margin-bottom: 5px;
}
#side-customer form .field {
	width: 157px;
}
#side-customer form .btn {
	margin: 5px 0;
}
#side-customer .note {
	font-size: 10px;
}



/* news */
#side-news {
	border: 1px solid #ccc;
}
#side-news dl {
	margin: 10px 5px;
}
#side-news dt {
	padding: 0px 10px;
	color: #eb6400;
	font-weight: bold;
}
#side-news dd {
	padding: 0 10px 8px 10px;	
	border-bottom: 1px dotted #ccc;
	margin-bottom: 8px;
}
#side-news dd a {
	color: #333;
}
#side-news dd.last {
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
}

/* partner */
#side-partner {
	margin-bottom: 10px;
}
#side-partner .inner {
	width: 158px;
	padding: 5px 10px 8px 10px;
	border: 1px solid #ccc;
	border-width: 0 1px;
	background: url(../images/bg_side_partner.jpg) no-repeat right bottom;
	font-size: 11px;
}
#side-partner .inner p {
	margin-top: 8px;
}
#side-partner .btn {
	width: 158px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-top: 1px dotted #ccc;
}



/* banners */
#side-banners li {
	margin-bottom: 15px;
	font-size: 11px;
}
#side-banners li a {
	color: #333;
}
#side-banners li img {
	margin-bottom: 5px;
}


/* mobile */
#side-mobile p {
	width: 179px;
	margin-left: 1px;
	border: 1px solid #ccc;
	border-width: 0 1px 1px 1px;
	padding-bottom: 5px;
}
#side-mobile p a {
	background: url(../images/icon_arrow_r.gif) no-repeat 4px top;
	padding-left: 24px;
	font-size: 10px;
	display: block;
}

/* calendar */
#calendar {
	border: 1px solid #ccc;
	padding: 8px 4px;
}
#calendar h2 {
	background: url(../images/bg_textheader_side.jpg) repeat-x left top;
	border: 1px solid #ccc;
	margin-bottom: 11px;
	text-align: center;
	font-weight: normal;
	
}
#calendar .section {
	margin-bottom: 13px;
}
#calendar .section table {
	width: 100%;
}
#calendar .section caption {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	background: #f4f4f4;
	padding: 3px;
}
#calendar .section table th {
	padding: 2px 4px;
	background: #f4f4f4;
	border: 1px solid #f4f4f4;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
}
#calendar .section table td {
	padding: 2px 4px;
	text-align: center;
	font-size: 11px;
	line-height: 1;
	background: #f4f4f4;
	border: 1px solid #f4f4f4;
}
#calendar .section table .off {
	background: #df8299;
	color: #fae9f0;
}
#calendar .section table td.off {
	border-bottom: 1px solid #fff;
}

/* side-banner2 */
#side-banners2 li {
	font-size: 99%;
	margin-bottom: 15px;
}



/**
 * Footer
 */
#page-top {
	clear: both;
	border-bottom: 1px solid #ccc;
	height: 27px;
}
#page-top p {
	width: 950px;
	margin: 0 auto;
	text-align: right;
}

#footer {
	clear: both;
	background: #f6f6f6;
}
#footer .inner {
	width: 950px;
	margin: 0 auto;
	padding: 10px 15px 20px 15px;
}
#footer dl {
	margin-bottom: 3px;
}
#footer dt {
	padding: 8px 5px;
	line-height: 1.4;
  font-weight: bold;
  color: #444;
}
#footer dd {
	background: url(../images/bg_footer_line.gif) repeat-x left bottom;
	margin: -1.9em 0 0 0;
	padding: 0 0 13px 130px;
	color: #999;
	line-height: 1.4;
}
#footer dd a:hover {
	text-decoration: none;
}
#footer .category-box {
	margin-bottom: 10px;
}
#footer .category-box li {
	display: inline;
	line-height: 1.4;
}
#footer .category-box li.parent {
	margin-bottom: 5px;
	display: block;
}
#footer .category-box li.parent ul {
	margin-left: 15px;
}

#footer .wrapper {
	padding-top: 7px;
}
#footer .clm1 {
	width: 586px;
	float: left;
}
#footer .clm2 {
	width: 351px;
	float: left;
}
#footer .clm1 .footer-logo {
	width: 102px;
	float: left;
}
#footer .clm1 .text {
	width: 380px;
	float: left;
	padding-top: 10px;
}
#footer .clm1 .address {
	clear: both;
	padding-top: 10px;
}

#footer .clm2 .section {
	width: 190px;
	float: left;
	margin: 0 10px 10px 0;
}
#footer .clm2 .section .pic {
	float: left;
	margin-right: 5px;
}
#footer .clm2 .section p {
	display: inline;
}


/**
 * Pages
 */

/* common */
#topic-path {
	margin-bottom: 10px;
}

.page-header {
	margin-bottom: 15px;
}
.page-header-sub {
	margin-bottom: 15px;
}


/* products_added20120917 */
.event-title {
	margin-bottom: 25px;
	height: 190px;
	background: url(../images/products/new_products_sale/title_bg.jpg) no-repeat;
}
.event-title-expo {
	margin-bottom: 25px;
	height: 190px;
	background: url(../images/products/expo/title_bg.jpg) no-repeat;
}
.event-title-open {
	margin-bottom: 25px;
	height: 190px;
	background: url(../images/products/open_anniversary/title_bg.jpg) no-repeat;
}
.event-title-attracting {
	margin-bottom: 25px;
	height: 190px;
	background: url(../images/products/attracting_customers/title_bg.jpg) no-repeat;
}
.event-title-menu {
	padding: 144px 0 0 14px;
}
.event-title-menu-img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.event-contents {
	margin-bottom: 25px;
}
.case-menu-img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.or_contact {
	margin: 15px 0 15px 0;
}
.motion {
	display: none;
}
#motion_area1 {
	display: block;
}
a.active {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}



/* text */
.alignC {
	text-align: center;
}
.alignR {
    text-align: right;
}
.attention {
    color: #e00;
}



/* item list */
.list-header {
	background: #edf7ff;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #d0eaf8;
	border-width: 1px 0;
}
.list-header .list-count-info {
	font-size: 15px;
}
.page-nav {
	text-align: center;
}
.page-nav p {
	text-align: left;
}
.page-nav p.prev {
	width: 160px;
	float: left;
	text-align: right;
	border-right: 1px solid #333;
	padding-right: 20px;
}
.page-nav ul li {
	display: inline;
	padding: 0 5px;
}
.page-nav p.next {
	width: 160px;
	float: right;
	text-align: left;
	border-left: 1px solid #333;
	padding-left: 20px;
}
.page-nav .off {
	color: #aaa;
}
.page-nav a {
	color: #3572a3;
}






/*====================================

			Products

====================================*/
#item-list {
    padding: 0 !important;
    border: 0 !important;
}
#item-list .text-header {
    background: url(../images/products/bg_textheader_wide.jpg) no-repeat left top;
    border: 0;
}
#item-list ul {
	margin-right: -12px;
}
#item-list li {
	width: 125px;
	float: left;
	margin: 0 20px 25px 0;
}
#item-list li .pic {
	height: 130px;
}
#item-list li .price {
	color: #0066cc;
}

#item-list .view-more {
	clear: both;
	text-align: right;
	margin-bottom: 20px;
}


.search-condition-info {
	margin: 10px 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
}
.search-condition-info strong {
	font-size: 16px;
}

.message_area {
    margin: 40px 0 60px 0;
}
.message_area strong {
    font-size: 15px;
}


#product-info {
	margin-bottom: 40px;
}
#product-info .pic-area {
	width: 290px;
	float: left;
}
#product-info .info-area {
	width: 440px;
	float: right;
}

#product-info .pic-area .main-pic {
	margin-bottom: 20px;
}
#product-info .pic-area .sub-area li {
	width: 87px;
	float: left;
	margin: 0 10px 10px 0;
}
#product-info .pic-area .sub-area li.last {
	margin-right: 0;
}

#product-info .info-area h3 {
	font-size: 18px;
	margin-bottom: 10px;
}
#product-info .info-area h4 {
	font-size: 16px;
	margin-bottom: 5px;
}
#product-info .info-area .social {
	margin-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}
#product-info .info-area .social li {
	width: 110px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
	padding-bottom: 10px;
}
#product-info .info-area .price {
	font-size: 10px;
	margin-bottom: 25px;
}
#product-info .info-area .price strong {
	font-size: 20px;
	font-weight: bold;
	color: #c00;
}
#product-info .info-area .price em {
	font-size: 12px;
	font-weight: bold;
}
#product-info .info-area .main-comment {
		font-size: 16px;
margin-bottom: 22px;
}
#product-info .info-area .cart-area {
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 10px;
}
#product-info .info-area .cart-area dt {
	font-size: 14px;
	font-weight: bold;
}
#product-info .info-area .cart-area dd {
	margin-bottom: 25px;
}
#product-info .info-area .cart-area .note {
	margin: 3px 0;
}
#product-info .info-area .cart-area .cartin {
	text-align: center;
	margin: 15px 0;
}

#product-info2  {
	border: 0 !important;
}
#product-info2 dt {
	font-weight: bold;
	color: #c00;
	font-size: 16px;
	margin-bottom: 5px;
}
#product-info2 dd {
	font-size: 14px;
	line-height: 1.5;
	padding-bottom: 35px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 15px;
}


#product-recommend {
	border: 0 !important;
}
#product-recommend h3 {
	font-size: 14px;
}



/*====================================

			Shopping

====================================*/
#cart-detail {
	margin-bottom: 50px;
}
#cart-detail .point_announce {
	margin-bottom: 20px;
}
#cart-detail table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}
#cart-detail table th {
	background: url(../images/shopping/bg_cart_th.jpg) repeat-x left top #dee3e5;
	padding: 10px;
	border: 1px solid #ccc;
}
#cart-detail table td {
	padding: 10px;
	border: 1px solid #ccc;
}

#cart-detail .price {
	color: #c30;
	font-weight: bold;
}
#cart-detail th .price {
	padding: 0 20px;
} 
#cart-detail .point {
	font-size: 11px;
	font-weight: normal;
} 
#cart-detail td .pic {
	width: 130px;
	float: left;
}
#cart-detail td .text {
	width: 450px;
	float: left;
}
#cart-detail td .text .item-name {
	font-size: 16px;
	color: #0066cc;
	margin-bottom: 10px;
}
#cart-detail td .text .item-name a {
    color: #0066cc;
}
#cart-detail td .text p {
	font-size: 11px;
}
#cart-detail td .text p .price {
	font-size: 12px;
}
#cart-detail td .text .classcategory li {
	font-size: 13px;
	margin-bottom: 5px;
}

#cart-detail .cart-info .left {
	width: 560px;
	float: left;
}
#cart-detail .cart-info .right {
	width: 190px;
	float: right;
	font-size: 14px;
	font-weight: bold;
}
#cart-detail .buttons {
	text-align: center;
}
#cart-detail .buttons .back img {
	position: relative;
	top: -6px;
}


.login-area {
	border: 1px solid #f3a41e;
	padding: 15px;
	margin-bottom: 15px;
}
.login-area a {
	color: #006699;
	font-size: 14px;
}
#login-area1 p {
	margin-bottom: 30px;
	font-size: 14px;
}
#login-area1 dl dt {
	width: 230px;
	float: left;
	text-align: right;
	padding-right: 10px;
}
#login-area1 dl dd {
	width: 480px;
	float: left;
	margin-bottom: 15px;
}
#login-area1 dl dd p a {
	font-size: 11px;
}
#login-area1 dl dd input {
    width: 230px;
} 
#login-area1 .buttons {
	text-align: center;
	margin: 20px 0;
}
#login-area1 .buttons p {
	margin-top: 10px;
}

#login-area2 ul {
	width: 500px;
	float: left;
	margin-top: 10px;
}
#login-area2 .btn {
	width: 200px;
	float: right;
	text-align: right;
	margin-top: 60px;
}
#login-area2 li {
	margin-bottom: 5px;
}

#page-shopping table {
	width: 100%;
	margin: 20px 0;
}

.box-style {
	border: 1px solid #ccc;
	margin-bottom: 30px;	
}
.box-style h3 {
	background: url(../images/shopping/bg_cart_th.jpg) repeat-x left top #dee3e5;
	padding: 5px;
	font-size: 15px;
}
.box-style .inner {
	padding: 10px;
}

#page-shopping .addbtn {
	margin: 10px 0;
	font-size: 15px;
}
#page-shopping #deliv-list th {
	padding: 5px;
	background: url(../images/shopping/bg_cart_th.jpg) repeat-x left top #dee3e5;
	border: 1px solid #ccc;
	border-width: 1px 0;
}
#page-shopping #deliv-list td {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
#page-shopping .delivdate {
	margin-bottom: 10px;
}
#page-shopping #deliv-list .section {
	width: 350px;
	float: left;
	margin: 0 10px 20px 0;
}
#page-shopping .add_multiple {
	margin-bottom: 20px;
}
#page-shopping .add_multiple a {
	font-size: 14px;
}

#page-shopping #payment th {
	border: 1px solid #ccc;
	padding: 10px;
	background: #f3f3f3;
}
#page-shopping #payment td {
	border: 1px solid #ccc;
	padding: 10px;
}

#page-shopping #page-confirm {
	margin: 30px 0 0 0;
	border-bottom: 0;
}
#page-shopping #cart-detail table {
	margin: 0;
}
#page-shopping #page-confirm .clm1 {
	width: 360px;
	float: left;
}
#page-shopping #page-confirm .clm1 .section {
	margin-bottom: 20px;
}
#page-shopping #page-confirm .clm1 .section table {
	border: 1px solid #ccc;
}
#page-shopping #page-confirm .clm1 .section th {
	padding: 5px;
	background: #f3f3f3;
}
#page-shopping #page-confirm .clm1 .section td {
	padding: 5px;
}
#page-shopping #page-confirm .clm2 {
	width: 320px;
	float: right;
}
#page-shopping #page-confirm .clm2 p {
	margin-bottom: 25px;
}
#page-shopping .point_announce ul {
    margin: 10px 0;
}
#page-shopping .point_announce li {
    margin-bottom: 8px;
}
#page-shopping #buy-area {
	border: 1px solid #a1d5f6;
	margin-bottom: 60px;
}
#page-shopping #buy-area .inner {
	border: 1px solid #fff;
	background: #ddf9fc;
	padding: 10px;
}
#page-shopping #buy-area .inner .clm1 {
	width: 530px;
	float: left;
}
#page-shopping #buy-area .inner .clm1 p {
	font-size: 11px;
	margin-bottom: 20px;
}
#page-shopping #buy-area .inner .clm2 {
	width: 171px;
	float: right;
}
.shopping-confirm-data {
	background: #fff;
	border-radius: 6px;
	margin-top: 7px;
	margin-bottom: 10px;
	padding: 5px;
}
.shopping-confirm-data caption {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
.shopping-confirm-data table {
	border-bottom: 1px solid #666;
	margin-bottom: 5px !important;
	margin-top: 0 !important;
}
.shopping-confirm-data th {
	padding: 5px;
	font-weight: normal;
	font-size: 11px;
}
.shopping-confirm-data td {
	padding: 5px;
	text-align: right;
	font-size: 11px;
}
.shopping-confirm-data .total {
	color: #900;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
#page-shopping #buy-area .inner .clm2 .btn {
	text-align: center;
}

#complete-area {
	border: 1px solid #9ed3f5;
	margin-bottom: 20px;
}
#complete-area .inner {
	border: 1px solid #fff;
	background: #ecfcfd;
	padding: 10px;
}
#complete-area .inner p {
	margin-bottom: 20px;
}

#shopping-complete {
	text-align: center;
	margin-bottom: 47px;
}
#shopping-complete h3 {
	margin: 30px 0 30px 0;
	
}
#shopping-complete p {
	font-size: 16px;
	font-weight: bold;
	line-height: 2.2;
	margin-bottom: 50px;
}
#shopping-complete a {
	color: #333;
}

#facebook {
	margin-bottom: 50px;
}
#facebook h3 {
	text-align: center;
	margin-bottom: 10px;
}

#side-cart {
	border: 1px solid #9bd2f5;
	background: url(../images/shopping/bg_cart_side.jpg) repeat left top;
}
#side-cart .inner {
	border: 1px solio #fff;
	padding: 10px;
}
#side-cart .inner .total {
	font-weight: bold;
}
#side-cart .inner .total .price {
	color: #c33;
}
#side-cart .inner .btn {
	margin: 10px 0;
	text-align: center;
}
#side-cart .login {
	font-size: 11px;
	margin: 10px 0;
}
#side-cart .login-name strong{
	font-size: 15px;
	font-weight: bold;
}
#side-cart .attention {
	margin-top: 15px;
	color: #df3000;
}


#forgot-area1 p {
	margin-bottom: 30px;
	font-size: 14px;
}
#forgot-area1 dl dt {
	width: 230px;
	float: left;
	text-align: right;
	padding-right: 10px;
}
#forgot-area1 dl dd {
	width: 480px;
	float: left;
	margin-bottom: 15px;
}
#forgot-area1 dl dd p {
	font-size: 12px;
}
#forgot-area1 .buttons {
	text-align: center;
	margin: 20px 0;
}
#forgot-area1 .buttons p {
	margin-top: 10px;
}
#forgot-area1 .box-s {
	width: 100px;
}
#forgot-area1 .attention {
	margin: 0;
}
#forgot-area1 h3 {
	font-size: 16px;
	margin-bottom: 10px;
}

#forgot-area2 p {
	width: 500px;
	float: left;
	margin-top: 10px;
}
#forgot-area2 .btn {
	width: 200px;
	float: right;
	text-align: right;
	margin-top: 80px;
}
#forgot-area2 li {
	font-size: 14px;
	margin-bottom: 5px;
}


/*====================================

            Mypage

====================================*/
#page-mypage {
    margin-bottom: 40px;
}
#page-mypage .empty {
    padding: 20px;
    text-align: center;
}
#page-mypage .section {
    margin-bottom: 30px;
}
#page-mypage .section .box-style .header {
    background: #db4a4a;
    padding: 5px;
    color: #fff;
}
#page-mypage .section .box-style .header h4 {
    float: left;
    width: 50%;
    font-size: 14px;
    font-weigh: bold;
}
#page-mypage .section .box-style .header p {
    float: right;
    width: 50%;
    text-align: right;
}
#page-mypage .section .box-style .header a {
    color: #fff;
}

#mypage-edit {
    border: 0;
}
#mypage-edit .header {
    border: 1px solid #ccc;
}
#mypage-edit table {
    width: 100%;
}
#mypage-edit th {
    background: #e9e9e9;
    border: 1px solid #ccc;
    padding: 5px 10px;
}
#mypage-edit td {
    padding: 5px 10px;
    border: 1px solid #ccc;
}

#mypage-history  .box-style {
    margin-bottom: 10px;
}
#mypage-history table {
    width: 100%;
}
#mypage-history td {
    padding: 15px;
}
#mypage-history .date {
    font-size: 16px;
}
#mypage-history .clm1 {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 200px;
    vertical-align: top;
}
#mypage-history .clm2 {
    border-bottom: 1px solid #ccc;
}
#mypage-history .clm1 p {
    font-size: 11px;
    margin-bottom: 8px;
}
#mypage-history .clm1 .price {
    color: #c33;
}
#mypage-history .clm2 .status {
    font-size: 16px;
    font-weight: bold;
    color: #c33;
}
#mypage-history .clm3 .item {
    margin-bottom: 10px;
}
#mypage-history .clm3 .item .pic {
    width: 130px;
    float: left;
}
#mypage-history .clm3 .item .text {
    width: 350px;
    float: right;
}
#page-mypage #cart-detail table {
    margin-bottom: 30px;
}
#page-mypage #cart-detail h3 {
    font-size: 15px;
    margin-bottom: 10px;
}
#page-mypage #cart-detail .text {
    width: 400px;
}

#page-mypage #history-detail-info {
	margin-bottom: 15px;
}
#page-mypage #history-detail-info p {
	width: 500px;
	float: left;	
}
#page-mypage #history-detail-info form {
	width: 160px;
	float: right;
	margin-top: 10px;
}

#refuse h4 {
	background: url(../images/bg_textheader3.jpg) no-repeat left top;
	padding: 8px 0 8px 20px;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}
#refuse ul {
	margin: 25px 45px;
}
#refuse li {
	font-size: 15px;
	font-weight: bold;
}
#refuse p {
	margin-bottom: 20px;
}
#refuse a {
	color: #06c;
}
#refuse .buttons2 a {
	display: block;
	float: left;
}
#refuse .buttons2 a.back-top {
	width: 206px;
	text-align: left;
}


/*====================================

			Other pages

====================================*/
/* News */
#news-area {
    padding: 2px !important;
    border: 0 !important;
}
#news-area .news {
    margin-bottom: 20px;
    border: 1px solid #ccc;
}
#news-area .news h4 {
    background: url(../images/bg_news_title.jpg) no-repeat left top;
    height: 30px;
    color: #fff;
    font-size: 16px;
    padding: 3px 0 0 10px;
}
#news-area .news h4 a {
    color: #fff;
}
#news-area .news .date {
    background: #f0f0f0;
    padding: 5px;
    text-align: right;
    font-size: 11px;
}
#news-area .news .body {
    padding: 15px;
}


/* law */
#law_list th {
	background: #e0e0e0;
	padding: 15px 8px;
	color: #cc0000;
}
#law_list td {
	padding: 15px;
}


/* company */
#company-text .text {
	margin-bottom: 30px;
}
#company-text .sign {
	text-align: right;
	margin-bottom: 26px;
}
#company-text .sign img {
	margin-left: 5px;
}


/* guide */
#page-guide .content {
	border: 0;
	padding: 0;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
	margin-bottom: 45px;
}
#page-guide .content .lead-text {
	margin-bottom: 20px;
	color: #cc0000;
	font-size: 14px;
}
#page-guide .content .subnav {
	text-align: center;
	margin-bottom: 10px;
}
#page-guide .content .section {
	border: 1px solid #eb6e74;
	margin-bottom: 20px;
}
#page-guide .content .section h4 {
	background: #c00;
	color: #fff;
	padding: 3px 10px;
}
#page-guide .content .section .inner {
	padding: 12px;
}

#page-guide .content .section .account {
	width: 250px;
	float: left;
	margin-right: 10px;
}
#page-guide .content .section .account dt {
	color: #c30;
	font-weight: bold;
	margin-bottom: 14px;
}
#page-guide .content .section .account dd {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 8px;
}
#page-guide .content .section .inner .box {
	background: #efefef;
	border: 1px solid #ccc;
	padding: 10px;
	clear: both;
}
#page-guide .content .section .inner .box p {
	margin: 0;
}
#page-guide .content .section .inner .box em {
	color: #c00;
}
#page-guide .content .section .inner p {
	margin-bottom: 1em;
}


#page-guide #delivery table  {
	width: 100%;
	margin-bottom: 20px;
}
#page-guide #delivery th {
	background: #c00;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #fff;
}
#page-guide #delivery td {
	background: #ececec;
	padding: 5px 10px;
	border: 1px solid #fff;
}
#page-guide #delivery .clm1 {
	width:100px;
	text-align: center;
	letter-spacing: 1em;
}
#page-guide #delivery td.price {
	text-align: right;
}

#rules .section {
	padding-bottom: 45px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 4px;
}
#rules .section h4 {
	font-size: 15px;
}
#rules .section p {
	margin-bottom: 30px;
}
#rules .page-top {
	text-align: right;
	font-size: 10px;
	margin-bottom: 20px;
}



/* contact */
#contact-header .info {
	float: left;
}
#contact-header .pic {
	float: right;
}
#contact-header li {
	list-style-type: none;
	float: left;
}
#contact-header .info p {
	margin-bottom: 15px;
}

.form-header {
	margin-bottom: 15px;
}
.form-header .flow {
    margin-top: 16px;
}
.form-header .flow li {
    float: left;
}
.form-header .flow li.text {
    color: #df3000;
    font-weight: bold;
    width: 196px;
}

#form-body {
    border: 0;
}
#form-body table {
	border-collapse: collapse;
    width: 100%;
}
#form-body table th {
	background: url(../images/contact/bg_th.png) repeat left top;
	padding: 10px 5px;
	border: 1px solid #ccc;
}
#form-body table td {
	padding: 10px 20px;
	border: 1px solid #ccc;
	width: 515px;
}
#form-body table th img {
	margin-right: 5px;
}
#form-body table #privacy {
	color: #8c8c8c;
	text-align: center;
}
#form-body table #privacy iframe {
	width: 470px;
	height: 140px;
	margin-top: 10px;
	border: 1px solid #ccc;
}
.box-s {
	width: 60px;
}
.box-m {
	width: 200px;
}
.box-l {
	width: 340px;
}
#form-body table td textarea {
	width: 480px;
	height: 200px;
}
#form-body table td li {
	float: left;
	margin-right: 20px;
}

.buttons {
	text-align: center;
	margin: 15px 0;
}
.buttons .back {
	margin-right: 20px;
}
#form-body .mini {
	font-size: 11px;
	color: #555;
}


#contact-complete {
	text-align: center;
}
#contact-complete h3 {
	margin: 75px 0 30px 0;
}
#contact-complete p {
	font-size: 16px;
	font-weight: bold;
	line-height: 2.2;
	margin-bottom: 50px;
}


/* partner */
#partnerform-header .info {
    border: 1px solid #ccc;
    background: url(../images/shops/pic_1.jpg) no-repeat right bottom;
    height: 197px;
}
#partnerform-header .info h3 {
    padding: 48px 0 15px 20px;
}
#partnerform-header .info p {
    margin: 0 0 0 20px;
}

#partner-header {
	margin-bottom: 20px;
	position: relative;
	height: 280px;
}
#partner-header div {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
#partner-header ul {
	padding: 20px 0 0 400px;	
	z-index: 10;
}
#partner-header ul li {
	margin-bottom: 10px;
	font-size: 14px;
}
#partner-list .section {
	margin-bottom: 30px;
}
#partner-list .section h4 {
	font-size: 14px;
	margin-bottom: 10px;
}
#partner-list .section table {
	border-collapse: collapse;
	width: 100%;
}
#partner-list .section th {
	background: url(../images/shops/bg_th.jpg) repeat-x left top #f2f2f2;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	border: 1px solid #ccc;
	width: 100px;
}
#partner-list .section td {
	padding: 10px;
	border: 1px solid #ccc;
	font-size: 14px;
	width: 100px;
	word-break: break-word;
	word-wrap: break-word;
}
#partner-list .section a {
	word-break: break-word;
	word-wrap: break-word;
}
#partner-list .section .shop-name a {
	font-weight: bold;
	color: #e44f6e;
}
#partner-list .section .pagetop {
	text-align: right;
	margin-top: 10px;
}
#partner-list .shop-name {
	width: 205px !important;
}
#partner-list .shop-address {
	width: 250px !important;
}


#partner-detail h4 {
	font-size: 16px;
	margin-bottom: 10px;
}
#partner-detail table {
	border-collspase: collapse;
	width: 100%;
	margin: 20px 0;
}
#partner-detail th {
	background: url(../images/shops/bg_th.jpg) repeat-x left top #f2f2f2;
	padding: 10px;
	border: 1px solid #ccc;
	font-size: 14px;
}
#partner-detail td {
	padding: 10px;
	border: 1px solid #ccc;
	font-size: 14px;
}


/* entry */
#entry-header .info {
	background: url(../images/entry/bg_mark.jpg) no-repeat left bottom;
	padding: 12px 0 0 115px;
	height: 115px;
}
#entry-header .info h4 {
	margin-bottom: 10px;
}
#entry-header .info p {
	font-size: 14px;
}
#entry-header .flow li.text {
	color: #3399cc;
}


/* flow */
#page-flow {
    width: 755px;
    margin-bottom: 40px;
}
#page-flow .section {
    margin-bottom: 30px;
}
#page-flow .section p {
    font-size: 16px;
}
#page-flow .section a {
    color: #03c;
}
#page-flow > .section {
    margin-bottom: 15px;
}
#page-flow .clearfix > p {
    width: 450px;
    float: left;
    margin-bottom: 20px;
}
#page-flow .clearfix > .pic {
    width: 300px;
    float: right;
}
#page-flow  #flow-wrapper {
    border: 1px solid #03c;
    padding: 15px;
}
#page-flow  #flow-wrapper > .section {
    padding: 15px 15px 0 15px;
    background: #efefef;
    border: 1px solid #ccc;
    margin-bottom: 0;
}
#page-flow  #flow-wrapper .inner {
	background: url(../images/flow/bg_bar.jpg) repeat-y left top;
}
#page-flow  #flow-wrapper .bar {
    width: 94px;
    float: left;
}
#page-flow  #flow-wrapper .text {
    width: 582px;
    float: right;
}
#page-flow  #flow-wrapper .clearfix > p {
    width: 345px;
}
#page-flow  #flow-wrapper .clearfix > .pic {
    width: 214px;
}
#page-flow  #flow-wrapper h4 {
    margin-bottom: 15px;
}

#page-flow #flow-wrapper .arrow {
    margin: -1px 0 30px 15px;
}
#page-flow #flow-wrapper .mb {
    margin-bottom: 30px;
}

#page-flow  #flow-wrapper #flow1 .box {
    border: 1px solid #ccc;
}
#page-flow  #flow-wrapper #flow1 .box .inner {
    background: #fff;
    padding: 10px;
}
#page-flow  #flow-wrapper #flow1 .box .inner h6 {
    margin-bottom: 10px;
    color: #cc0000;
}
#page-flow  #flow-wrapper #flow1 .box .inner dl {
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 1.7;
}
#page-flow  #flow-wrapper #flow1 .box .inner dt {
    font-weight: bold;
}

#page-flow  #flow-wrapper #flow2 .box {
    background: #ffe5e5;
    border: 1px solid #ccc;
    padding: 12px;
    margin-top: 25px;
}
#page-flow  #flow-wrapper #flow2 .box ul {
    width: 330px;
    margin: 0 auto;
}
#page-flow  #flow-wrapper #flow2 .box li {
    width: 160px;
    float: left;
}
#page-flow  #flow-wrapper #flow2 .box li.first {
    margin-right: 10px;
}
#page-flow  #flow-wrapper #flow2 .box li p {
    width: 160px;
    margin-bottom: 7px;
}
#page-flow  #flow-wrapper #flow2 .box p {
    font-size: 11px;
    margin: 5px 0 0 0;
    text-align: center;
    width: 100%;
}


/* voices */
#page-voices {
	
}
#page-voices .voice {
	margin-bottom: 40px;
	background: url(../images/voices/bg_case_box_btm.jpg) no-repeat left bottom;
	padding-bottom: 18px;
}
#page-voices .voice .inner {
	background: url(../images/voices/bg_case_box_mid.jpg) repeat-y left top;
	padding: 13px 17px;
	font-size: 120%;
}
#page-voices .voice .header {
	background: url(../images/voices/header_case_box.jpg) no-repeat left top;
	height: 36px;
	padding: 28px 18px 0 92px;
}
#page-voices .voice .header h4 {
	width: 550px;
	float: left;
	font-size: 110%;
}
#page-voices .voice .header p {
	width: 90px;
	float: right;
	color: #ffbd00;
	font-size: 16px;
	text-align: right;
}
#page-voices .voice .box {
	margin-top: 15px;
	background: #e2fcff;
	border: 1px solid #ccc;
	padding: 15px;
	
}
#page-voices .voice .box p{
	width: 635px;
	float: left;
	font-size: 14px;
}
#page-voices .voice .box div {
	width: 40px;
	float: right;
}


/* about */
#page-about #reason {
	padding-top: 7px;
	margin-bottom: 62px;
}
#page-about #reason li {
	margin-bottom: 17px;
}
#page-about .reason {
	width: 755px;
	margin-bottom: 25px;
}
#page-about .reason .inner {
	background: #bc4527;
	padding: 8px;
}
#page-about .reason .clearfix {
	background: #fff;
	padding: 13px;
}
#page-about .reason .clearfix .text {
	width: 390px;
	float: left;
}
#page-about .reason .clearfix .text h5 {
	font-size: 16px;
	margin-bottom: 25px;
}
#page-about .reason .clearfix .text p {
	font-size: 14px;
	margin-bottom: 25px;
}
#page-about .reason .clearfix .pic {
	width: 300px;
	float: right;
}
#page-about .reason .clearfix .pic p {
	margin-top: 7px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#page-about .reason .totop {
	text-align: right;
	margin-top: 10px;
}
#page-about .reason .totop a {
	color: #03f;
}


#price table th,
#price table td{
	padding: 12px;
	border: solid 1px #d6d6d6;
	text-align: right;
	font-weight: normal;
}
#price table th.gray,
#price table td.gray{
	background: #f2f2f2;
	font-weight: bold;
}
#price table th.al_center,
#price table td.al_center{
	text-align: center;
	font-weight: bold;
}