@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.5;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: 0;

	touch-callout: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-touch-callout: none;
	-moz-user-select: none;
}


/**************************************************************************
 * Header
 */
header#siteHeader #logo {
	float: left;
	margin: 0;
	padding-top: 26px;
}
header#siteHeader #logo h1 {
	margin: 0;
}
header#siteHeader #loginArea {
	width: 560px;
	float: right;
	margin-top: 5px;
	font-size: 11px;
	color: #666;
	text-align: right;
}
header#siteHeader #loginArea input {
	width: 150px;
	padding: 3px;
	border: 1px solid #ccc;
}
header#siteHeader #loginArea a {
	width: 40px;
	position: relative;
	top: -2px;
	padding: 3px 5px;
	border: 1px solid #ccc;
	background-image:-moz-linear-gradient(42% 3% -90deg,rgb(255,255,255) 0%,rgb(219,222,229) 97%,rgb(219,222,229) 98%); 
	background-image:-webkit-gradient(linear,42% 3%,42% 95%,color-stop(0, rgb(255,255,255)),color-stop(0.97, rgb(219,222,229)),color-stop(0.98, rgb(219,222,229)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(219,222,229) 97%,rgb(219,222,229) 98%);
	background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(219,222,229) 97%,rgb(219,222,229) 98%);
	background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(219,222,229) 97%,rgb(219,222,229) 98%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffdbdee5,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffdbdee5,GradientType=0);
	color: #333;
	font-size: 10px;
	text-decoration: none;
}
header#siteHeader #loginArea a:hover {
  background: #ddd;
}
header#siteHeader #topNav {
	position: absolute;
	height: 39px;
	right: 10px;
	bottom: 1px;
}
header#siteHeader #topNav ul {
	margin: 0;
}
header#siteHeader #topNav li {
	width: 150px;
	float: left;
	margin-left: 2px;
}
header#siteHeader #topNav li a {
	display: block;
	height: 38px;
	color: #fff;
	text-align: center;
	line-height: 39px;
	text-decoration: none;
	border-radius: 8px 8px 0 0;
}
header#siteHeader #topNav li.current a {
	height: 40px;
	font-weight: bold;
}
header#siteHeader #topNav li:nth-child(1) a {
	height: 37px;
	background: #fff;
	color: #000;
	border: 1px solid #a6a6a6;
	border-bottom: 1px solid #fff;
}
header#siteHeader #topNav li.current:nth-child(1) a {
	height: 39px;
}
header#siteHeader #topNav li:nth-child(2) a {
	background: #f00;
	border: 1px solid #f00;
	border-bottom: 0;
}
header#siteHeader #topNav li:nth-child(3) a {
	background: #0498E8;
	border: 1px solid #0498E8;
	border-bottom: 0;
}
header#siteHeader #topNav li:nth-child(1) a:hover {
	color: #888;
}
header#siteHeader #topNav li:nth-child(2) a:hover {
	background: #ff6868;
}
header#siteHeader #topNav li:nth-child(3) a:hover {
	background: #4bbefc;
}


#localNav {
	min-width: 1000px;
	height: 30px;
}
#general #localNav {
	border: 1px solid #a6a6a6;
	border-width: 1px 0;
}
#dvd #localNav {
	background: #f00;
}
#dl #localNav {
	background: #0498E8;
}

#localNav ul {
	width: 980px;
	margin: 0 auto;
	padding: 0 10px;
}
#localNav li {
	float: left;
	margin-right: 20px;
	line-height: 30px;
}
#localNav li a {
	display: inline-block;
	padding: 0 20px 0 13px;
	color: #000;
	text-decoration: none;
	background: url(../images/icon_arrow1.png) no-repeat left 11px;
}
#localNav li a:hover {
	text-decoration: underline;
}
#localNav ul:after {
	content: "";
	display: block;
	clear: both;
}
#dvd #localNav a,
#dl #localNav a {
	color: #fff;
}
#general #localNav li a {
	background: url(../images/icon_arrow1_b.png) no-repeat left 11px;
}


footer#siteFooter {
	margin-top: 10px;
	text-align: center;
	min-width: 1000px;
}
footer#siteFooter .inner {
	border: 5px solid #d4d4d4;
	border-width: 5px 0;
}
footer#siteFooter .inner .inner {
	padding: 15px 0;
	border: 1px solid #fff;
	border-width: 1px 0;
	background: #ebebeb;
	color: #888;
}
footer#siteFooter .inner .inner a {
  padding: 5px 20px;
	color: #525252;
	text-decoration: none;
	font-size: 13px;
}
footer#siteFooter .inner .inner a:hover {
	text-decoration: underline;
}
footer#siteFooter small {
	display: block;
	margin: 10px 0;
	color: #7d7d7d;
  font-size: 12px;
}


/**
 * Layout
 */
header#siteHeader {
	position: relative;
	width: 980px;
	height: 96px;
	margin: 0 auto;
	padding: 0 10px;
}
#contents {
	width: 980px;
	margin: 20px auto 0;
	padding: 0 10px;
	zoom: 1;
}
#contents:after {
	content: "";
	display: block;
	clear: both;
}
#sideContents {
	width: 242px;
	float: left;
}
#mainContents {
	width: 720px;
	float: right;
}
.LC_Page_Error #mainContents {
    float: none;
    width: 1000px;
}
footer#siteFooter {
}


#window_area {
	margin: 10px;
}

/**************************************************************************
 * Common styles
 */

.round {
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #a6a6a6;
	border-radius: 8px;
}

.clear {
	zoom: 1;
}
.clear:after {
	content: "";
	display: block;
	clear: both;
}


/* list */
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.list a {
	padding-left: 13px;
	background: url(../images/icon_arrow2.png) no-repeat left center;
}

/* text */
a {
	color: #006cd8;
}
a:hover {
	color: #f80;
	text-decoration: none;
}
.note {
	font-size: 11px;
}

.mainHeader {
	padding-top: 0;
}
.mainHeader h2 {
	margin: 0;
	padding: 6px 0;
	border-radius: 8px;
	color: #fff;
	font-size: 17px;
}
#sideContents .mainHeader h2 {
	width: 238px;
	margin: 0px 0 20px -15px;
	background: #fff;
	border-radius: 8px 8px 0 0;
	border-bottom: 1px solid #a6a6a6;
	color: #000;
	text-align: center;
}
#sideContents .mainHeader h2 {
	font-size: 15px;
}

#mainContents .subHeader {
  border-bottom: 1px solid #999;
  font-size: 16px;
}

#sideContents .subHeader h2 {
	margin: 0;
	padding: 0;
	font-size: 15px;
}

#mainContents .mainHeader,
#window_area .mainHeader {
	margin-bottom: 10px;
}
#mainContents .mainHeader h2,
#window_area .mainHeader h2 {
	padding-left: 20px;
	background: #fff;
	color: #000;
	border: 1px solid #a6a6a6;
}
#dvd #mainContents .mainHeader h2,
#mainContents #newDVD .mainHeader h2 {
	background: #f00;
	color: #fff;
	border: 0;
}
#dl #mainContents .mainHeader h2,
#mainContents #newDL .mainHeader h2 {
	background: #0498E8;
	color: #fff;
	border: 0;
}


/* list */
.listStyle li {
	margin-left: 20px;
	list-style-type: disc;
}


/* form elements */
.box380 {
	width: 380px;
}
.box300 {
	width: 300px;
}
.box120 {
	width: 120px;
}
.box60 {
	width: 60px;
}




/**************************************************************************
 * Side Contents
 */
#sideContents aside {
	margin-bottom: 10px;
}
#sideContents aside header {
	margin: 0;
}
#sideContents aside#sideCart ul {
	width: 140px;
	float: left;
}
#sideContents aside#sideCart a {
	float: right;
	line-height: 1;
}
#sideContents aside#sideCart p {
	clear: both;
	margin: 0;
	color: #666;
}
#sideContents a {
    display: block;
}
#sideContents .more a {
    display: inline;
}

#sideContents #sidePickup li {
	margin-bottom: 15px;
	font-size: 13px;
}
#sideContents #sidePickup li:after {
	content: "";
	display: block;
	clear: both;
}
#sideContents #sidePickup img {
	float: left;
}
#sideContents #sidePickup p {
	float: right;
	width: 122px;
	margin: 0;
}
#sideContents #sidePickup p.price {
	margin-top: 10px;
	font-weight: bold;
	color: #FD5C04;
}

#sideContents #sideLabel li {
	line-height: 1;
	margin-bottom: 10px;
}
#sideContents #sideLabel li a {
	color: #000;
	text-decoration: none;
}
#sideContents #sideLabel li a:hover {
	color: #000;
	text-decoration: underline;
}


#sideGenre ul {
	display: table;
	width: 100%;
}
#sideGenre li {
	float: left;
	width: 100px;
  margin-bottom: 5px;
}
#sideGenre li:nth-child(2n+1) {
	padding-right: 5px;
}
#sideGenre li a {
	display: block;
	background-position: left 7px;
}
#sideGenre .more {
	margin-bottom: 0;
	text-align: right;
}

#sideSearch input.textBox {
	width: 157px;
	height: 22px;
	border: 1px solid #aaa;
}
#sideSearch a {
	vertical-align: top;
	display: inline-block;
	width: 47px;
	height: 26px;
	background: #4d4d4d;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 26px;
}

#sideInfo .list {
	margin-left: 13px;
}

#sideBanners li {
	margin-bottom: 10px;
}
#sideBanners li a {
	display: block;
	line-height: 1;
}



#mainContents .items {
	zoom: 1;
	margin-bottom: 10px;
}
#mainContents .items:after {
	content: "";
	display: block;
	clear: both;
}
#mainContents .items li {
	width: 130px;
	float: left;
	margin-right: 8px;
}
#mainContents .items li:last-child {
	margin-right: 0;
}
#mainContents .items li p {
	margin: 0;
}
#mainContents .items .title {
	display: block;
}
#mainContents .items .price {
	position: relative;
	font-weight: bold;
	color: #FD5C04;
}
#mainContents .items .type {
	position: absolute;
	right: 0;
	padding: 1px 8px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}
#mainContents .items .type_dvd {
	background: #f00;
}
#mainContents .items .type_dl {
	background: #0498E8;
}
#topBannerArea {
	margin-bottom: 20px;
}
#topBannerArea li {
	margin-bottom: 10px;
}

#news li {
	position: relative;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #ccc;
}
#news p {
	margin: 0;
	padding: 0 0 5px 100px;
}
#news .date {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
}
#news .title {
    font-weight: bold;
}


.pagetop {
	margin-top: 50px;
	text-align: right;
}
.pagetop a {
	padding-left: 20px;
	background: url(../images/icon_pagetop.jpg) no-repeat left top;
	font-size: 13px;
	color: #808080;
}
.pagetop a:hover {
	text-decoration: none;
}



/**************************************************************************
 * Button styles
 */
.btnBack,
.btnNext {
    display: inline-block;
    padding: 8px 30px;
    border-radius: 4px;
    text-decoration: none;
}
.btnBack {
    border: 1px solid #888;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    background: #9298a0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyOThhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #9298a0 0%, #28343b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9298a0), color-stop(100%,#28343b));
    background: -webkit-linear-gradient(top,  #9298a0 0%,#28343b 100%);
    background: -o-linear-gradient(top,  #9298a0 0%,#28343b 100%);
    background: -ms-linear-gradient(top,  #9298a0 0%,#28343b 100%);
    background: linear-gradient(to bottom,  #9298a0 0%,#28343b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9298a0', endColorstr='#28343b',GradientType=0 );
}
.btnBack:hover {
    color: #fff;
}
.btnBack:hover {
    background: #555;
}
.btnNext {
    border: 1px solid #597700;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 1px #314100;
    background: #a3d60c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzZDYwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NjllMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #a3d60c 0%, #769e00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3d60c), color-stop(100%,#769e00));
    background: -webkit-linear-gradient(top,  #a3d60c 0%,#769e00 100%);
    background: -o-linear-gradient(top,  #a3d60c 0%,#769e00 100%);
    background: -ms-linear-gradient(top,  #a3d60c 0%,#769e00 100%);
    background: linear-gradient(to bottom,  #a3d60c 0%,#769e00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3d60c', endColorstr='#769e00',GradientType=0 );
}
.btnNext:hover {
    background: #80aa00;
    color: #fff;
}
.normalBtnStyle {
	padding: 5px 15px;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	background: #f3f3f3;
	color: #444;
	text-decoration: none;
	font-size: 12px;
}


/**************************************************************************
 * Top
 */
#news ul {
	height: 250px;
	overflow: auto;
}

/**************************************************************************
 * Item List
 */
#mainContents .itemlist .items li {
	margin-right: 17px;
}
#mainContents .itemlist .items li:last-child {
	margin-right: 0;
}

.searchConditions {
    margin: 15px 0;
    padding: 15px;
    border: 1px solid #666;
    border-radius: 6px;
}


.itemlistNav .lead {
	margin-bottom: 30px;
	font-weight: bold;
}
.itemlistNavBtm {
	margin-top: 20px;
}
.pagenav {
	zoom: 1;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #666;
}
.itemlistNavBtm .pagenav {
	margin: 0px 0 0 0;
	padding: 10px 0 0 0;
	border-bottom: 0;
	border-top: 1px dotted #666;
}
.pagenav:after {
	content: "";
	display: block;
	clear: both;
}
.pagenav .count {
	float: left;
	width: 300px;
	margin: 0;
}
.pagenav .count .number {
	font-weight: bold;
}
.pagenav .sortSelect {
	width: 290px;
	float: left;
}
.pagenav .sortSelect li {
	display: inline-block;
}
.pagenav .sortSelect li a {
	display: block;
	padding: 3px 10px 3px 16px;
	border: 1px solid #ccc;
	background: url(../images/icon_arrow_btm1.png) no-repeat 5px center;
	text-decoration: none;
	color: #666;
	font-size: 12px;
}
.pagenav .sortSelect li.current {
	padding: 3px 10px 3px 16px;
	border: 1px solid #ccc;
	background: url(../images/icon_arrow_btm2.png) no-repeat 5px center #8c8c8c;
	color: #fff;
	font-size: 12px;
}
.itemlistNavBtm .pagenav .sortSelect li a {
	background: url(../images/icon_arrow_btm3.png) no-repeat 5px center;
}
.itemlistNavBtm .pagenav .sortSelect li.current {
	background: url(../images/icon_arrow_btm4.png) no-repeat 5px center #8c8c8c;
}
.pagenav .sortSelect li a:hover {
	background-color: #f0f0f0;
}
.pagelink {
	text-align: center;
	margin-bottom: 20px;
}
.itemlistNavBtm .pagelink {
	margin: 30px 0 10px 0;
}
/*
.pagelink li {
	display: inline-block;
}
.pagelink li a {
	display: block;
	padding: 2px 12px;
	border-right: 1px solid #999;
	line-height: 1;
	text-decoration: none;
}
.pagelink li a:hover {
	text-decoration: underline;
}
.pagelink li:last-child a {
	border-right: 0;
}
.pagelink li.current {
	padding: 2px 12px;
	border-right: 1px solid #999;
	line-height: 1;
}
*/
.pagelink a {
    display: inline-block;
    padding: 2px 12px;
    border-right: 1px solid #999;
    text-decoration: none;
}
.pagelink a:last-child {
    border-right: 0;
}
.pagelink a:hover {
    background: #fff9f9;
}
.pagelink strong {
    padding: 2px 12px;
    border-right: 1px solid #999;
}



/**************************************************************************
 * Item Detail
 */
.listStyle li {
	list-style: none;
}
.listStyle a {
	display: block;
	padding-left: 12px;
	background: url(../images/icon_arrow_orange.png) no-repeat left 5px;
}
#detail {
	margin-bottom: 13px;
}
#detail .picArea {
	width: 320px;
	float: left;
}
#detail .picArea .pic {
	margin-bottom: 20px;
	text-align: center;
	line-height: 1;
}
#detail .picArea .relatedItems {
	margin-bottom: 20px;
	border-bottom: 1px solid #a7a7a7;
}
#detail .picArea .relatedItems li {
	margin-bottom: 10px;
  margin-left: 0;
  list-style-type: none;
}
#detail .picArea .social li {
	display: inline-block;
  line-height: 1;
  vertical-align: top;
}

#detail .descArea {
	width: 360px;
	float: right;
}
#detail .descArea table {
}

#detail .descArea table th {
	width: 80px;
	padding: 0 0 5px 0;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
#detail .descArea table td {
	padding: 0 5px 5px 8px;
	text-align: left;
	font-weight: normal;
}
#detail .descArea table td.colon {
	width: 10px;
	padding: 0 0 5px 0;
}
#detail .descArea .priceInfo {
	padding: 12px 3px 0 3px;
	border-top: 1px solid #a7a7a7;
	line-height: 1;
}
#detail .descArea .priceInfo li {
	display: inline-block;
	vertical-align: middle;
}
#detail .descArea .priceInfo li.icon {
	width: 80px;
	padding-top: 3px;
}
#detail .descArea .priceInfo li.price {
	padding-right: 10px;
	line-height: 1;
}
#detail .descArea .priceInfo li.price span {
	font-size: 20px;
	font-weight: bold;
	color: #FD5C04;
}
#detail .descArea .priceInfo li.point {
	font-size: 12px;
}
#detail .descArea .priceInfo li.point span {
	font-weight: bold;
	color: #FD5C04;
}
#detail .descArea .cartInfo {
	margin-bottom: 12px;
	padding: 12px 0;
	border-bottom: 1px solid #a7a7a7;
}
#detail .descArea .cartInfo li {
	float: left;
}
#detail .descArea .cartInfo li.btnStyle {
	width: 170px;
}
#detail .descArea .cartInfo li.btnStyle a,
#detail .descArea .cartInfo li.btnStyle span {
	display: block;
	padding: 5px 0;
	border: 1px solid #ccc;
	background: #e6e6e6;
	text-align: center;
	color: #000;
	text-decoration: none;
}
#detail .descArea .cartInfo li.btnStyle a:hover {
	background: #ccc;
}
#detail .descArea .cartInfo li.btnStyle:last-child {
	float: right;
}
#detail .descArea .cartInfo li.btnStyle span {
  background: #fff;
  color: #888;
}

#detail .comment {
	margin: 20px 0;
	line-height: 1.8;
}
#detail .comment p {
	margin: 0 0 1em 0;
}

#detail .samplePic {
	margin-right: -17px;
}
#detail .samplePic li {
	float: left;
	padding: 0 17px 17px 0;
}

.detailSub {
	margin-bottom: 20px;
}
.detailSub header {
	margin-bottom: 15px;
	padding-left: 14px;
	border-left: 8px solid #FF8000;
	font-size: 20px;
	line-height: 1.4;
}
.detailSub header h3 {
	margin: 0;
}
.detailSub .desc {
	width: 480px;
	float: left;
}
.detailSub .desc p {
	margin: 0 0 1em 0;
}
.detailSub .pic {
	width: 210px;
	float: right;
}
.attention {
    color: #f00;
    font-weight: bold;
}

#detail .descArea .cartInfo .deactive {
    width: 170px;
    padding: 5px 0;
	border: 1px solid #ddd;
	background: #f8f8f8;
	text-align: center;
	color: #bbb;
}
#detail .descArea .cartInfo li.deactive:last-child {
    float: right;
}


/**************************************************************************
 * Genre List
 */
#genreList h3 {
    margin: 0 0 5px 0;
}
#genreList ul {
    margin-bottom: 15px;
}
#genreList li {
    display: inline-block;
    margin: 0 20px 0 0;
}
#genreList li a {
    display: block;
    padding: 5px 15px;
    border: 1px solid #fff;
}
#genreList li a:hover {
    background: #fffcf6;
    border: 1px solid #ffe0e0;
}



/**************************************************************************
 * Shopping
 */
#undercolumn_cart .price {
    font-weight: bold;
    color: #FD5C04;
}

.cartTbl {
    width: 100%;
    border-collapse: collapse;
}
.cartTbl th,
.cartTbl td {
    padding: 5px;
    border: 1px solid #888;
}
.cartTbl th {
    background: #ecf2db;
    white-space: nowrap;
}
.alignC {
    text-align: center;
}
.alignR {
    text-align: right;
}

.gradient {
  filter: none;
}
.btn_area {
    clear: both;
    padding: 10px 0;
    text-align: center;
}
.btn_area li {
    display: inline-block;
}
.attentionSt {
	border: 2px solid #f00;
	padding: 10px;
	font-weight: bold;
	font-size: 1.1em;
	color: #f00;
	text-align: center;
}


.pay_area,
.pay_area02,
.point_area {
  margin-bottom: 30px;
  padding-left: 30px;
}
#undercolumn_shopping .subHeader {
  margin-left: -30px;
}
#undercolumn_shopping .price {
  font-weight: bold;
  font-size: 15px;
  color: #FD5C04;
}

.point_announce li p {
  margin: 0 0 0 20px;
}
#undercolumn_shopping .errorMessage {
  padding: 5px 10px;
  background: #fff0f9;
  border: 1px dotted #ffa4db;
}


#flowArea {
  margin: 0 0 20px 0;
  padding: 0;
}
#flowArea li {
  display: inline-block;
  padding-right: 40px;
  font-size: 12px;
  background: url(../images/icon_arrow_flow.png) no-repeat right center;
}
#flowArea li:last-child {
  background: none;
}
#flowArea li span {
  display: block;
  margin-bottom: 3px;
  padding: 2px 5px;
  background: #999;
  border-radius: 4px;
  font-size: 10px;
  color: #fff;
}
#flowArea li.current {
  color: #ff5d08;
  font-weight: bold;
}
#flowArea li.current span {
  background: #ff5d08;
  color: #fff;
  font-weight: normal;
}



/**************************************************************************
 * MyPage
 */
.login_area {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.login_area p {
    margin: 0 0 1em 0;
}
.login_area dl {
    clear: both;
}
.login_area dt {
    width: 120px;
    float: left;
}
.login_area dd {
    width: 530px;
    float: right;
}
.login_area input.box300 {
    width: 300px;
}
.login_area .inputbox {
    padding: 10px;
    background: #f3f3f3;
    border-radius: 4px;
}

.mynavi_list {
    zoom: 1;
}
.mynavi_list:after {
    content: "";
    display: block;
    clear: both;
}
.mynavi_list li {
    float: left;
    width: 142px;
    margin-right: 1px;
    border: 1px solid #e0e0e0;
    border-width: 1px 0;
}
.mynavi_list li a {
    display: block;
    padding: 8px;
    text-align: center;
    background: url(../images/icon_arrow2.png) no-repeat 5px center #e8e8e8;
    color: #111;
    text-decoration: none;
    font-size: 12px;
    border: 1px solid #fff;
    border-width: 1px 0;
}
.mynavi_list li a:hover {
	background-color: #ccc;
}

.listTbl {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: separate;
    border-spacing: 0;
}
.listTbl th {
    padding: 3px 5px;
    background: #73A900;
    border-left: 1px solid #539900;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #fff;
}
.listTbl thead th {
    background: #73A900;
    border-bottom: 1px solid #73A900;
}
.listTbl tbody td {
    padding: 10px 5px;
    border: 0;
    border-bottom: 1px solid #999;
}

.mycondition_area span {
    display: inline-block;
    width: 140px;
}
.dlLimit {
    margin: 0;
    font-size: 11px;
}

/**************************************************************************
 * other
 */
#privacyPolicy ol li {
	list-style-type: decimal;
}
#privacyPolicy ol li h3 {
	margin: 0;
	font-size: 15px;
}
#privacyPolicy ol li p {
	margin: 0 0 1em 0;
}


