@charset "utf-8";
@import "/css/common/0-import.css";
/*  
	Author : Y.Kogawa
	Update : 9/2
*/
/*------------------------------------------------------------
	葡萄屋 CSS
------------------------------------------------------------*/

/*------------------------------------------------------------
	メインサイト　共通
------------------------------------------------------------*/
#body { background-color:black;}
#conts #gift01 {
	margin: 0 0 20px;
}

#conts #gift01 .box {
	margin: 0 0 10px;
}

#conts #gift01 .box .thumbnail {
	float: left;
}

#conts #gift01 .box .read {
	margin: 0 0 0 135px;
}

#conts #gift01 .box .read p {
	margin: 0;
}

#conts #gift01 .box .more {
	padding: 0 0 0 15px;
	background: url(../../../img/icon/02.gif) no-repeat left 2px;
}

#conts #gift01 .banner {
	line-height: 1.1;
}

#conts #gift01 .banner .b01 {
	float: right;
}

#conts #gift01 .banner .b01 a {
	width: 354px;
	height: 160px;
	background-image: url(../../../img/banner/03_over.jpg);
	display: block;
}

#conts #gift01 .banner .b02 {
	margin-right: 20px;
	width: 290px;

	float: left;
}

#conts #gift01 .banner .b03 {
	width: 290px;

	float: left;
}

#conts #gift01 .banner .b02 .img,
#conts #gift01 .banner .b03 .img {
	width: 290px;
	height: 60px;
	display: block;
}

#conts #gift01 .banner .b02 .img {
	background-image: url(../../../img/banner/02_over.jpg);
}

#conts #gift01 .banner .b03 .img {
	background-image: url(../../../img/banner/04_over.jpg);
}

#conts #gift01 .banner .b02 .text,
#conts #gift01 .banner .b03 .text {
	margin: 3px 0 0;
	padding: 0 0 0 15px;
	background: url(../../../img/icon/02.gif) no-repeat left 1px;
	display: block;
}

#conts #gift01 .banner a:hover {
	background-color: #fff;
}

#conts #gift01 .banner a:hover img {
	visibility: hidden;
}

/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#siteIndex #conts {
	margin: 5px 0 0;
}

#siteIndex #conts .topVisual {
	margin: 0 0 10px;
	display: block;
}

#siteIndex #conts #etcSection {
	margin: 10px 0 0;
	padding: 13px 0 0;
}

#siteIndex #conts #etcSection p {
	margin: 0 15px 1em;
}

/*------------------------------------------------------------
	商品一覧・カテゴリ
------------------------------------------------------------*/
#productList #conts table.productList,
#productCategory #conts table.productList,
#productList #conts table.productListLow,
#productCategory #conts table.productListLow {
	margin-bottom: 20px;
}

#productList #conts .line,
#productCategory #conts .line {
	margin: 0 0 20px;
	display: block;
}

/*------------------------------------------------------------
	商品検索結果
------------------------------------------------------------*/
#productSearch {

}

#productSearch .hit {
	margin: 0 0 15px;
	padding: 8px 10px;
	background: #EBF4DA;

	font-weight: bold;
	line-height: 1.1;
}

#productSearch .hit .msg {
	margin: 0;
	padding: 0;
	width: 65%;

	float: left;
}

#productSearch .hit .control {
	width: 34%;

	float: right;

	text-align: right;
}

#productSearch .hit .control a {
	font-weight: normal;
}

#productSearch .hit .control .partition {
	margin: 0 5px;

	font-weight: normal;
}

#productCategory .pageNavi {
	margin: 10px 0;
}

#productSearch .pageNavi li, 
#productCategory .pageNavi li {
	margin-right: 10px;

	display: inline;
}

#productSearch .pageNavi li.here, 
#productCategory .pageNavi li.here {
	font-weight: bold;
}

#productSearch .pageNavi li.prev,
#productCategory .pageNavi li.prev {
	padding-left: 0;
	border: none;
}




#productSearch .result {
	margin: 10px 0 0;
	padding: 10px 0 0;
	background: url(../../../img/line/04.gif) repeat-x left top;
}

#productSearch .result .box {
	margin: 0 0 10px;
	padding: 0 0 15px;
	width: 650px;
	background: url(../../../img/line/04.gif) repeat-x left bottom;

	position: relative;
}

	* html #productSearch .result .box {
		zoom: 100%;
	}

	*+html #productSearch .result .box {
		zoom: 100%;
	}

#productSearch .result .icon {
	margin-bottom: 8px;
}

#productSearch .result .icon li {
	margin-right: 5px;
	display: inline;
}

#productSearch .result .thumbnail {
	float: left;
}

#productSearch .result .text {
	margin: 0 150px 0 110px;
}

#productSearch .result .text h3 {
	margin: 0 0 5px;
	padding: 0;
	background: none;

	font-weight: bold;
}

#productSearch .result .text p {
	margin: 0;
	padding: 0;
}

#productSearch .result .text p.price {
	margin: 0 0 3px;
	font-weight: bold;
}

#productSearch .result .text p.price .yen {
	color: #f40;
}

#productSearch .result .text .more {
	padding: 0 0 0 15px;
	background: url(../../../img/icon/02.gif) no-repeat left center;
}

#productSearch .result .cart {
	position: absolute;
	top: 0;
	right: 0;
}

#productSearch .result .cart label {
	font-weight: bold;
}

#productSearch .result .cart .num {
	margin: 0 5px;
	padding: 0 2px;
	border: 1px solid #999;
	width: 50px;

	text-align: right;
}

#productSearch .result .cart .btn {
	margin: 5px 0 0;
}

#productSearch .result {

}

/*------------------------------------------------------------
	商品詳細
------------------------------------------------------------*/
#productDetails .icon {
	margin-bottom: 8px;
}

#productDetails .icon li {
	margin-right: 5px;
	display: inline;
}

#productDetails #details {
	margin: 10px 0 10px 10px;
}

#productDetails #details .photo {
	float: left;
}

#productDetails #details #info {
	width: 380px;

	float: right;
}

#productDetails #details #info table {
	margin: 0 0 10px;
}

#productDetails #details #info th {
	padding-right: 50px;

	vertical-align: middle;
}

#productDetails #details #info td {
	width: 100%;
}

#productDetails #details #info .price td {
	color: #f40;
	font-weight: bold;
}

#productDetails #details #info .purchases td input {
	width: 3em;

	text-align: right;
	vertical-align: middle;
}

#productDetails #details #info .purchases td img {
	margin: 0 5px 0 3px;

	vertical-align: middle;
}

#productDetails #details #info .btn {
	margin: 15px 0 0;

	text-align: center;
}

#productDetails .comment {
	margin: 0 10px;

	clear: both;
}

#productDetails .return {
	margin: 20px 0 40px;
	text-align: center;
}

/*------------------------------------------------------------
	購入
------------------------------------------------------------*/
#purchase #conts .flow {
	margin: 0 0 20px;
	display: block;
}

#purchase #conts .new {
	margin: -0.5em 0 20px;
}

#purchase #conts .new a {
	width: 212px;
	height: 29px;
	background-image: url(../../../img/btn/17_over.gif);
	display: block;
}

#purchase #conts .new a:hover {
	background-color: #fff;
}

#purchase #conts .new a:hover img {
	visibility: hidden;
}

#purchase #conts #timedBox {
	margin: 0 17px 0 18px;
}

#purchase #conts #timedBox h3 {
	padding: 3px 5px;
	background: none;
	border-bottom: 1px solid #6A951A;
	border-left: 5px solid #6A951A;

	color: #666;
	font-size: 1.08em;
	font-weight: bold;
}

#purchase #conts #timedBox table {
	width: 100%;
}

#purchase #conts #timedBox th,
#purchase #conts #timedBox td {
	padding: 15px 10px;
	width: 50%;

	text-align: center;
	vertical-align: middle;
}

#purchase #conts #timedBox .selectDate {
	width: auto;
}

#purchase #conts #timedBox .selectDate th {
	padding: 0 5px 0 0;
	width: auto;
	background: none;
	border: none;

	font-weight: bold;
	text-align: left;
}

#purchase #conts #timedBox .selectDate td {
	width: auto;
	padding: 0 15px 0 0;
	border: none;

	text-align: left;
}

#purchase #conts #timedBox .etc textarea {
	margin-top: -0.5em;
	width: 613px;
	height: 158px;
	border: 1px solid #CACACA;
}

	* html #purchase #conts #timedBox .etc textarea {
		width: 615px;
		height: 160px;
	}

#purchase #conts #timedBox .selectDate {

}

#purchase #conts .userInfo {
	margin-top: 20px;
	width: 100%;
}

#purchase #conts .userInfo th,
#purchase #conts .userInfo td {
	padding: 15px 10px;

	font-weight: normal;
}

#purchase #conts .userInfo thead th {
	padding: 15px 10px;

	font-size: 1.16em;
	text-align: left;
	font-weight: bold;
}

#purchase #conts .userInfo th {
	padding-right: 20px;
}

#purchase #conts .userInfo td {
	width: 100%;
}

#purchase #conts .userInfo {

}

#purchase #conts .userInfo {

}

/*------------------------------------------------------------
	現在のカートの中
------------------------------------------------------------*/
#cart #conts {

}

#cart #conts .msg {
	padding: 7px 0;
	background: #EBF4DA;
	border: 1px solid #7EB01D;

	font-size: 14px;
	text-align: center;
}

#cart #conts .msg .price {
	color: #f00;
}

#conts #addIn {
	width: 100%;
}

#conts #addIn thead th {
	padding-top: 10px;
	padding-bottom: 10px;
}

#conts #addIn td {
	line-height: 1.5;
	vertical-align: middle;
}

#conts #addIn td.delete {
	text-align: center;
}

#conts #addIn td.photo {
	text-align: center;
}

#conts #addIn td.name {
	font-weight: bold;
	text-align: left;
}

#conts #addIn td.bids,
#conts #addIn td.price {
	text-align: right;
}

#conts #addIn td.purchases input {
	width: 3em;

	text-align: right;
	vertical-align: middle;
}

#conts #addIn td.purchases img {
	margin: 0 5px 0 3px;

	vertical-align: middle;
}

#conts #addIn tr.subtotal th,
#conts #addIn tr.subtotal td,
#conts #addIn tr.total th,
#conts #addIn tr.total td {
	padding-top: 10px;
	padding-bottom: 10px;

	font-weight: normal;
	text-align: right;
	vertical-align: middle;
}

#conts #addIn tr.total td {
	color: #f00;
	font-weight: bold;
}

#cart #conts p.notes {
	margin: 3px 0 0;

	font-size: 0.83em;
}

#conts .panel {
	margin: 20px 0 0;

	text-align: center;
}

#conts .panel ul {
	margin: 15px 0 0;

	text-align: center;
}

#conts .panel li {
	margin: 0 10px;
	display: inline;
}

#conts .panel li img {
	cursor: pointer;
}

/*------------------------------------------------------------
	商品購入の流れ
------------------------------------------------------------*/
#purchaseFlow #conts #flow {

}

#purchaseFlow #conts #flow {
	margin: 20px 17px 0;

	text-align: center;
}

#purchaseFlow #conts #flow .box {
	padding: 15px;
	border: 1px solid #689318;

	text-align: left;
}

#purchaseFlow #conts #flow .box h4 {
	margin: 0 0 5px;
	padding: 0;
	background: none;
}

#purchaseFlow #conts #flow .box .attention {
	color: #900;
	font-weight: bold;
}

#purchaseFlow #conts #flow .box p {
	margin-right: 290px;
}

#purchaseFlow #conts #flow .box .btn01 {
	margin-right: 290px;
}

#purchaseFlow #conts #flow .box .btn01 a {
	width: 200px;
	height: 28px;
	background-image: url(../../../img/btn/20_over.gif);
	display: block;
}

#purchaseFlow #conts #flow .box .btn01 a:hover {
	background-color: #fff;
}

#purchaseFlow #conts #flow .box .btn01 a:hover img {
	visibility: hidden;
}

#purchaseFlow #conts #flow .arrow {
	margin: 0 auto 5px auto;
	display: block;

	clear: both;
}

/*------------------------------------------------------------
	商品のご返品・交換の流れ
------------------------------------------------------------*/
#productReturn #conts .box {
	padding: 10px 15px;
	border: 1px solid #e1e1e1;
}

#productReturn #conts .box h4 {
	margin: 0 0 10px;
	padding: 0 0 0 16px;
	background: url(../../../img/icon/08.gif) no-repeat left center;;
	border: none;

	color: #333;
}

#productReturn #conts .box .typeA {
}

#productReturn #conts .box .typeA dt {
	margin: 0 0 5px;

	float: left;
	clear: left;

	font-weight: bold;
}

#productReturn #conts .box .typeA dd {
	margin: 0 0 5px 4em;
}

#productReturn #conts .box p {
	margin: 0;
}


#productReturn #conts .boxB {
	margin: 0 19px 0 15px;
}

#productReturn #conts .box .column01 {
	width: 49%;

	float: left;
}

#productReturn #conts .box .column02 {
	width: 49%;

	float: right;
}

#productReturn #conts #boxTop {
	margin-top: 40px;
	height: 83px;
	background: url(../../../img/product-return/back01.gif) no-repeat;
	
	position: relative;
}

#productReturn #conts #boxTop a {
	padding-left: 15px;
	background: url(../../../img/icon/02.gif) no-repeat left 2px;
	
	position: absolute;
	left: 20px;
	top: 60px;
}

#productReturn #conts #boxBottom {
	height: 82px;
	background: url(../../../img/faq/back02.gif) no-repeat;
	
	position: relative;
}

#productReturn #conts #boxBottom {
	height: 82px;
	background: url(../../../img/purchase-flow/back01.gif) no-repeat;

	position: relative;
}

#productReturn #conts #boxBottom a {
	padding-left: 15px;
	background: url(../../../img/icon/02.gif) no-repeat left 2px;

	position: absolute;
	left: 20px;
	top: 52px;
}

#productReturn #conts p.short {
	margin-left: 15px;
	margin-right: 15px;
}

#productReturn #conts ul {
	margin-bottom: 20px;
}

#productReturn #conts ul li {
	padding: 0 0 0 10px;
	background: url(../../../img/icon/03.gif) no-repeat left 6px;	

	color: #4B6A11;
	line-height: 1.4;
}

/*------------------------------------------------------------
	Q&A
------------------------------------------------------------*/
#faq #conts #boxTop,
#purchaseFlow #conts #boxTop {
	margin-top: 40px;
	height: 83px;
	background: url(../../../img/faq/back01.gif) no-repeat;
	
	position: relative;
}

#faq #conts #boxTop a,
#purchaseFlow #conts #boxTop a {
	padding-left: 15px;
	background: url(../../../img/icon/02.gif) no-repeat left 2px;
	
	position: absolute;
	left: 20px;
	top: 60px;
}

#faq #conts #boxBottom {
	height: 82px;
	background: url(../../../img/faq/back02.gif) no-repeat;
	
	position: relative;
}

#purchaseFlow #conts #boxBottom {
	height: 82px;
	background: url(../../../img/purchase-flow/back01.gif) no-repeat;
	
	position: relative;
}

#faq #conts #boxBottom a,
#purchaseFlow #conts #boxBottom a {
	padding-left: 15px;
	background: url(../../../img/icon/02.gif) no-repeat left 2px;
	
	position: absolute;
	left: 20px;
	top: 52px;
}

/*------------------------------------------------------------
	ZIPPOの歴史
------------------------------------------------------------*/
#history #conts h2 {
	margin-bottom: 5px;
	background: none;
}

#history #conts p.read {
	margin-left: 0;
	margin-right: 0;
}

#history #conts p {
	margin-left: 15px;
	margin-right: 15px;
}

#history #conts p.left190 {
	margin-left: 190px;
}

#history #conts p.left140 {
	margin-left: 155px;
}

#history #conts .floatL {
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 20px;	
}

#history #conts ul {
	margin-left: 15px;
	line-height: 1.7;
}

#history #conts ul li a{
	padding: 0 0 0 15px;
	background: url(../../../img/icon/02.gif) no-repeat left 2px;
}

/*------------------------------------------------------------
	ライターの手入れ方法
------------------------------------------------------------*/
#maintain #conts h2 {
	margin-bottom: 5px;
	background: none;
}

#maintain #conts p {
	margin-left: 15px;
	margin-right: 15px;
}

#maintain #conts p.bottom {
	margin-bottom: 0;
}

#maintain #conts p.left103 {
	margin-left: 103px;
}

#maintain #conts .floatL {
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 20px;	
}

#maintain #conts ul {
	margin-left: 15px;
	line-height: 1.7;
}

#maintain #conts ul li {
	padding: 0 0 0 10px;
	background: url(../../../img/icon/03.gif) no-repeat left 9px;	

	color: #4B6A11;
	font-weight: bold;
}

#maintain #conts ul.link li{
	margin-top: 7px;
	padding: 0 0 0 15px;
	background: url(../../../img/icon/02.gif) no-repeat left 6px;
}

#maintain #conts .bold {
	margin-bottom: 0;
	display:block;
	
	color: #214685;
	font-size: 110%;
}

#maintain #conts #box01 {
	margin-left: 15px;
	height: 287px;
	background: url(../../../img/maintain/box_back01.gif) no-repeat;
	
	position:relative;
}

#maintain #conts #box01 p.step1{
	margin: 0;
	margin-right: 45px;
	
	position:absolute;
	left: 53px;
	top: 9px;
}

#maintain #conts #box01 p.step2{
	margin: 0;
	margin-right: 50px;	
	
	position:absolute;
	left: 53px;
	top: 93px;
}

#maintain #conts #box01 p.step3{
	margin: 0;
	margin-right: 50px;	
	
	position:absolute;
	left: 53px;
	top: 216px;
}

#maintain #conts #box02 {
	margin-left: 15px;
	height: 535px;
	background: url(../../../img/maintain/box_back02.gif) no-repeat;
	
	position:relative;
}

#maintain #conts #box02 p.step1{
	margin: 0;
	margin-right: 45px;
	
	position:absolute;
	left: 53px;
	top: 9px;
}

#maintain #conts #box02 p.step2{
	margin: 0;
	margin-right: 50px;	
	
	position:absolute;
	left: 53px;
	top: 91px;
}

#maintain #conts #box02 p.step3{
	margin: 0;
	margin-right: 50px;	
	
	position:absolute;
	left: 53px;
	top: 209px;
}

#maintain #conts #box02 p.step4{
	margin: 0;
	margin-right: 50px;	
	
	position:absolute;
	left: 53px;
	top: 328px;
}

#maintain #conts #box02 p.step5{
	margin: 0;
	margin-right: 50px;	
	
	position:absolute;
	left: 53px;
	top: 429px;
}

#maintain #conts #box03 {
	margin-left: 15px;
	height: 670px;
	background: url(../../../img/maintain/box_back03.gif) no-repeat;
	
	position:relative;
}

#maintain #conts #box03 p.step1{
	margin: 0;
	margin-right: 45px;
	
	position:absolute;
	left: 53px;
	top: 9px;
}

#maintain #conts #box03 p.step2{
	margin: 0;
	margin-right: 50px;	
	
	position:absolute;
	left: 53px;
	top: 130px;
}

#maintain #conts #box03 p.step3{
	margin: 0;
	margin-right: 50px;	
	
	position:absolute;
	left: 53px;
	top: 212px;
}

#maintain #conts #box03 p.step4{
	margin: 0;
	margin-right: 50px;	
	
	position:absolute;
	left: 53px;
	top: 314px;
}

#maintain #conts #box03 p.step5{
	margin: 0;
	margin-right: 50px;	
	
	position:absolute;
	left: 53px;
	top: 416px;
}

#maintain #conts #box03 p.step6{
	margin: 0;
	margin-right: 50px;	
	
	position:absolute;
	left: 53px;
	top: 519px;
}

#maintain #conts #box03 p.step7{
	margin: 0;
	margin-right: 50px;	
	
	position:absolute;
	left: 53px;
	top: 621px;
}

#maintain #conts #box04 {
	margin-left: 15px;
	height: 262px;
	background: url(../../../img/maintain/box_back04.gif) no-repeat;
	
	position:relative;
}

#maintain #conts #box04 p.step1{
	margin: 0;
	margin-right: 45px;
	
	position:absolute;
	left: 53px;
	top: 8px;
}

#maintain #conts #box04 p.step2{
	margin: 0;
	margin-right: 50px;	
	
	position:absolute;
	left: 53px;
	top: 129px;
}

#maintain #conts #box04 p.step3{
	margin: 0;
	margin-right: 50px;	
	
	position:absolute;
	left: 53px;
	top: 212px;
}

/*------------------------------------------------------------
	贈り物にライター（ギフト包装）
------------------------------------------------------------*/
#present #conts h2 {
	margin: 0;
	padding: 0;
	background: none;
}

#present #conts h3 {
	margin: 15px 0 10px 0;
	padding: 0;
	background: none;
}

#present #conts h4 {
	margin: 20px 0 10px 0;
	padding: 0;
	background: none;
}

#present #conts p {
	margin-left: 5px;
	margin-right: 15px;
}

#present #conts p.right270 {
	margin-right: 270px;
}

#present #conts p.right260 {
	margin-right: 260px;
}

#present #conts .floatL {
	margin-right: 20px;
	margin-bottom: 10px;
}

#present #conts .bottom5 {
	margin-bottom: 5px;
}

#present #conts #linkBox {
	margin-top: 20px;
	margin-bottom: 5px;
	height: 95px;
	background: url(../../../img/present/linkBox.gif) no-repeat;
	
	position: relative;
}

#present #conts #linkBox ul {
	position: absolute;
	left: 415px;
	top: 3px;
	
	font-size: 110%;
	line-height: 2;
}


/*------------------------------------------------------------
	会員規約
------------------------------------------------------------*/
#terms #conts .terms {
	padding: 5px;
	height: 530px;
	border: 1px solid #ccc;
	overflow: auto;

	line-height: 1.4;
}

	* html #terms #conts .terms {
		overflow-y: auto;
	}

#terms #conts .terms h3 {
	margin: 0;
	padding: 0;
	background: none;

	font-size: inherit;
}

#terms #conts .yesNo {
	margin: 20px 0 0 165px;
}

#terms #conts .yesNo li {
	float: left;
}

#terms #conts .yesNo li.no {
	margin-right: 10px;
}

#terms #conts .yesNo li.no a {
	width: 110px;
	height: 28px;
	background: url(../../../img/btn/11_over.gif) no-repeat;
	display: block;
}

#terms #conts .yesNo li.yes a {
	width: 200px;
	height: 28px;
	background: url(../../../img/btn/12_over.gif) no-repeat;
	display: block;
}

#terms #conts .yesNo a:hover {
	background-color: #fff;
}

#terms #conts .yesNo a:hover img {
	visibility: hidden;
}

/*------------------------------------------------------------
	FAQ
------------------------------------------------------------*/
#faq #conts h2#imgText {
	margin: 0 0 5px 0;
	padding: 0;
	background: none;
}

#faq #conts ul li {
	padding-left: 15px;
	background: url(../../../img/icon/02.gif) no-repeat left 4px;
	
	line-height: 1.4;
}

#faq #conts .question li {
	margin-left: 15px;
	padding-left: 25px;
	background: url(../../../img/faq/icon01.gif) no-repeat left 4px;
	
	line-height: 1.5;
	font-size: 110%;
}

#faq #conts #boxTop {
	margin-top: 20px;
	height: 83px;
	background: url(../../../img/faq/back01.gif) no-repeat;
	
	position: relative;
}

#faq #conts #boxTop a {
	padding-left: 15px;
	background: url(../../../img/icon/02.gif) no-repeat left 2px;
	
	position: absolute;
	left: 20px;
	top: 60px;
}

#faq #conts #boxBottom {
	height: 82px;
	background: url(../../../img/faq/back02.gif) no-repeat;
	
	position: relative;
}

#faq #conts #boxBottom a {
	padding-left: 15px;
	background: url(../../../img/icon/02.gif) no-repeat left 2px;
	
	position: absolute;
	left: 20px;
	top: 52px;
}

#faq #conts p.question {
	margin-left: 15px;
	margin-bottom: 5px;
	padding-left: 25px;
	background: url(../../../img/faq/icon01.gif) no-repeat left 4px;

	color: #45355E;
	font-size: 110%;
	font-weight: bold;
}

#faq #conts p.first {
	margin-top: 15px;
}


#faq #conts p.answer {
	margin-left: 15px;
	padding-left: 25px;
	padding-bottom: 20px;
	
	background: url(../../../img/faq/icon02.gif) no-repeat left 1px;
}

#faq #conts .qaBox {
	background: url(../../../img/faq/line01.gif) no-repeat 15px bottom;
}

/*------------------------------------------------------------
	プライバシーポリシー
------------------------------------------------------------*/
#privacy #conts p.about {
	margin: 0 0 1em;
}

#privacy #conts p {
	margin: 0 20px 1em;
}

#privacy #conts ul.typeA {
	margin: -0.5em 20px 1em;

	color: #4B6A11;
	line-height: 1.5;
}

#privacy #conts ul.typeA li {
	padding: 0 0 0 10px;
	background: url(../../../img/icon/03.gif) no-repeat left center;
}

#privacy #conts ul.typeB {
	margin: -0.5em 20px 1em;

	color: #4B6A11;
}

#privacy #conts ul.typeB li {
	margin: 0 0 5px;
	padding: 0 0 0 10px;
	width: 140px;
	background: url(../../../img/icon/03.gif) no-repeat left center;

	float: left;
}

	* html #privacy #conts ul.typeB li {
		width: 150px;
		/*Mac IE用ハック*/
		/*\*//*/
		width: 140px;
		/**/
	}

/*------------------------------------------------------------
	特定商取引法に基づく表記
------------------------------------------------------------*/
#notation #conts .notation {
	width: 650px;

	line-height: 1.4;
}

#notation #conts .notation th {
	width: 150px;
}

#notation #conts .notation td {
	width: 500px;
}

/*------------------------------------------------------------
	サイトマップ
------------------------------------------------------------*/
#conts .sitemap {
	margin: 0 10px;
}

#conts .sitemap .column01 {
	width: 300px;

	float: left;
}

#conts .sitemap .column02 {
	width: 300px;

	float: right;
}

#conts .sitemap .lineTop {
	background: url(../../../img/line/01.gif) repeat-x left top;
}

#conts .sitemap .lineBottom {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../../../img/line/01.gif) repeat-x left bottom;
}

#conts .sitemap ul {

}

#conts .sitemap ul li {
	margin: 0 0 10px;
	padding: 0 8px;

	font-weight: bold;
}

#conts .sitemap ul a {
	padding: 0 0 0 15px;
	background: url(../../../img/icon/02.gif) no-repeat left 1px;
}

#conts .sitemap ul ul {
	margin: 10px 0 10px -8px;
	padding: 0 0 7px 16px;
	background: url(../../../img/line/01.gif) repeat-x left bottom;
}

#conts .sitemap ul ul li {
	margin: 0 0 5px;

	font-weight: normal;
}


/*------------------------------------------------------------
	プレゼントキャンペーン
------------------------------------------------------------*/
#presentCampaign #conts {

}

#presentCampaign #conts .box {
	margin: 0 0 20px;
}

#presentCampaign #conts .box .floatL {
	margin-right: 15px;
}

#presentCampaign #conts .hissu {
	color: #f00;
}

#presentCampaign #conts form table {
	margin: 0 10px;
	width: 630px;
}

#presentCampaign #conts form th,
#presentCampaign #conts form td {
	padding: 10px;
	border: 1px solid #CAE19D;

	vertical-align: middle;
}

#presentCampaign #conts form th {
	width: 30%;
	background: #EBF4DA;

	font-weight: bold;
}

#presentCampaign #conts form td {
	width: 70%;
}

#presentCampaign #conts form #fNn,
#presentCampaign #conts form #fMail {
	width: 210px;
	border: 1px solid #ccc;
}

#presentCampaign #conts form .fSex li {
	margin-right: 15px;
	display: inline;

	float: left;

	font-weight: bold;
}

#presentCampaign #conts form .fSex li input {
}

#presentCampaign #conts form .fSex li label {
}

#presentCampaign #conts form ul.submit {
	margin: 20px 0 0;

	text-align: center;
}

#presentCampaign #conts form ul.submit li {
	margin: 0 10px;
	display: inline;
}

#presentCampaign #conts form ul.submit li img {
	cursor: pointer;
}

#presentCampaign #conts form .error {
	background: #FFCCCE;
}

/*------------------------------------------------------------
	マイページ　共通
------------------------------------------------------------*/
.myPage #conts h2 {
	margin-bottom: 10px;
}

.myPage .sideNavi {

}

.myPage .sideNavi li {
	display: inline;
}

.myPage .sideNavi li img {
	display: block;
}

.myPage .welcome {
	padding: 5px 10px;
	background: #fff;
	border-right: 1px solid #9a9a9a;
	border-left: 1px solid #9a9a9a;

	color: #395B95;
	font-weight: bold;
}

/*------------------------------------------------------------
	ログイン　マイページ
------------------------------------------------------------*/
#login #main {
	background-image: none;
}

#login #conts {
	margin: 0;
	width: auto;

	float: none;
}

#login #conts h2 {
	margin: 0 0 20px;
}

#login #conts form {
	margin: 0 90px 20px;
	padding: 20px 15px;
	border: 5px solid #ccc;
}

#login #conts form fieldset {
	padding: 20px 50px 0;

}

#login #conts form p {
	line-height: 1.5;
}

#login #conts .inputSet {
	margin: 20px 0 0;
	padding: 20px;
	background: #f0f0f0;
}

#login #conts .inputSet input {
	margin-left: 12px;
	width: 300px;
	border: 1px solid #ccc;
}

#login #conts .inputSet .save {
	margin: 5px 0 15px;

	font-size: 0.83em;
}

#login #conts .inputSet .save input {
	margin: 0 5px 0 0;
	width: auto;
	border: none;

	vertical-align: middle;
}

#login #conts .submit {
	margin: 10px 0 15px;

	text-align: center;
}

#login #conts .notes {
	font-size: 0.83em;
	line-height: 1.5;
}

#login #conts .regi {
	margin: 20px 0 0;
	padding: 10px 0;
	background: #f0f0f0;

	text-align: center;
}

#login #conts .regi a {
	margin: 0 auto;
	width: 180px;
	height: 38px;
	background: url(../../../img/btn/02_over.gif) no-repeat;
	display: block;
}

#login #conts .regi a:hover {
	background-color: #fff;
}

#login #conts .regi a:hover img {
	visibility: hidden;
}

/*------------------------------------------------------------
	購入履歴一覧　マイページ
------------------------------------------------------------*/
#purchaseList #conts .history {
	width: 100%;
}

#purchaseList #conts .history thead th,
#purchaseList #conts .history td {
	text-align: center;
}

#purchaseList #conts .history .pricetd {
	text-align: right;
}

#purchaseList #conts .history .centertd {
	text-align: center;
}

/*------------------------------------------------------------
	会員登録内容変更　マイページ
------------------------------------------------------------*/
#conts .attention {
	color: #f00;
}

#conts .notes {
	margin: 0;

	font-size: 0.83em;
}

#conts .delivname {
	width: 650px;
}

#inquiry #conts .delivname {
	margin-top: 10px;
}

#conts .delivname th {
	padding-top: 10px;
	width: 150px;

	vertical-align: middle;
}

#conts .delivname th.valignTop {
	vertical-align: top;
}

#conts .delivname th .notes {
	margin-top: 5px;
	display: block;

	font-weight: normal;
}

#conts .delivname td {
	width: 500px;
}

#conts ul.error {
	margin: 0 0 1em;

	color: #f00;
	font-weight: bold;
}

#conts ul.error li {
	margin-bottom: 5px;
}

#conts .delivname input,
#conts .delivname textarea {
	font-size: 100%;
}

#conts .delivname input.error {
	background: #FFCACA;
}

#conts .delivname select.error {
	background: #FFCACA;
}

#conts .delivname td .box60 {
	margin: 5px 0;
	width: 60px;
	border: 1px solid #ccc;
}

#conts .delivname td .box120 {
	margin: 5px 0;
	width: 120px;
	border: 1px solid #ccc;
}

#conts .delivname td .box260 {
	margin: 5px 0;
	width: 260px;
	border: 1px solid #ccc;
}

#conts .delivname td .box300 {
	margin: 5px 0;
	width: 300px;
	border: 1px solid #ccc;
}

#conts .delivname td .box400 {
	margin: 5px 0;
	width: 400px;
	border: 1px solid #ccc;
}

#conts .delivname td .zipimg {
	margin: 5px 0 0;

	vertical-align: middle;
}

#conts .delivname td select {
	margin: 2px 0;
	border: 1px solid #ccc;
}

#conts .delivname .tblareabtn {
	margin: 20px 0;

	text-align: center;
}

#conts .delivname .tblareabtn li {
	margin: 0 5px;
	display: inline;
}

#conts .delivname .tblareabtn li img {
	cursor: pointer;
}

#conts .tblareabtn {
	margin: 20px 0;

	text-align: center;
}

div#completetext {
	margin: 10px 0;
    padding: 20px 20px 10px;
	
	border: 5px solid #CCC;
}

div#completetext p.changetext {
	text-align: center;
}

div#completetext .mini em {
	color: #F00;
	font-size: 80%;
	font-weight: bold;
	font-style: normal;
}

#conts .thanksMsg {
	padding: 20px;
	border: 5px solid #ccc;

	text-align: center;
}

#regi #conts .delivname .return,
#inquiry #conts .delivname .return {
	text-align: center;
}

#regi #conts .return a,
#inquiry #conts .return a {
	margin: 0 auto;
	width: 110px;
	height: 38px;
	background: url(../../../img/btn/08_over.gif) no-repeat;
	display: block;
}

#regi #conts .return a:hover,
#inquiry #conts .return a:hover {
	background-color: #fff;
}

#regi #conts .return a:hover img,
#inquiry #conts .return a:hover img {
	visibility: hidden;
}

/*------------------------------------------------------------
	お届け先変更　マイページ
------------------------------------------------------------*/
#shipping #conts {

}

#shipping #conts .add a {
	width: 140px;
	height: 38px;
	background: url(../../../img/btn/03_over.gif) no-repeat;
	display: block;
}

#shipping #conts .add a:hover {
	background-color: #fff;
}

#shipping #conts .add a:hover img {
	visibility: hidden;
}

#shipping #conts .shippingList {
	margin: 15px 0 0;
	width: 100%;
}

#shipping #conts .shippingList th,
#shipping #conts .shippingList td {
	vertical-align: middle;
}

#shipping #conts .shippingList thead th {
	text-align: center;
}

#shipping #conts {

}

/*------------------------------------------------------------
	退会手続き　マイページ
------------------------------------------------------------*/
#secession #conts .box {
	padding: 20px;
	border: 5px solid #ccc;
}

#secession #conts .box .notes {
	padding-left: 1em;

	color: #f00;
	font-size: 0.83em;
	font-weight: bold;
	text-indent: -1em;
}

#secession #conts .box .btn {
	margin: 0 0 1em;

	text-align: center;
}

#secession #conts .box .btn a {
	margin: 0 auto;
	width: 180px;
	height:38px;
	background: url(../../../img/btn/04_over.gif) no-repeat;
	display: block;
}

#secession #conts .box .btn a:hover {
	background-color: #fff;
}

#secession #conts .box .btn a:hover img {
	visibility: hidden;
}

#secession #conts .box .confi {
	margin: 0 0 1em 115px;
	width: 370px;

	text-align: center;
}

#secession #conts .box .confi li {
	float: left;
}

#secession #conts .box .confi .no {
	margin-right: 10px;
}

#secession #conts .box .confi .no a {
	width: 180px;
	height:38px;
	background: url(../../../img/btn/05_over.gif) no-repeat;
	display: block;
}

#secession #conts .box .confi a:hover {
	background-color: #fff;
}

#secession #conts .box .confi a:hover img {
	visibility: hidden;
}

/*----------------------------------------------- 
 購入履歴一覧/詳細
-----------------------------------------------*/
#mynavarea li {
	margin-bottom: 10px;
}
.area470{
    width: 645px;
    height: 520px;
    margin: 5px 0 0 0;
    border: 1px solid #ccc;
}

*html #quantity_level li {
	margin: 5px 0 0;
}
.area640 {
    width: 640px;
    height: 150px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}
.area630 {
    width: 630px;
    height: 150px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

#conts .tMsg {
	padding: 5px;
	border: 1px solid #699319;
          margin:0 10px;
	text-align: left;
}

/*-------------------------------------------------------------------- 
 ご購入いただいたお客様からのメッセージ
--------------------------------------------------------------------*/
#customerIndex #conts .contsBox {
	margin-right: 20px;

	background: url(../../../img/line/01.gif) repeat-x top;
}

#customerIndex #conts .box {
	padding: 10px 10px 2px;
	
	background: url(../../../img/line/01.gif) repeat-x bottom;
}

#customerIndex #conts .box img {
	margin-right: 13px;
	
	float: left;
}

#customerIndex #conts .box h3 {
	margin: 0;
	padding: 8px 0 12px;
	
	background: none;
	
	font-size: 14px;
	font-weight: bold;
}

#customerIndex #conts .box h3 a {
	padding-left: 18px;
	
	background: url(../../../img/icon/02.gif) no-repeat left center;
}

/*-------------------------------------------------------------------- 
 ご購入いただいたお客様からのメッセージ
--------------------------------------------------------------------*/
#customerDetails #conts .box {
	margin: 0 0 20px;
	
	overflow: hidden;
}

#customerDetails #conts h3 {
	margin: 0 0 10px;
	padding: 0 10px;
	
	background: url(../../../img/customer/h2_back.gif) no-repeat;
	
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
}

#customerDetails #conts .box img {
	margin-right: 17px;
	
	float: left;
}

#customerDetails #conts .box h4 {
	margin: 0 0 5px 150px;
	padding: 0 0 0 30px;
	
	background: url(../../../img/customer/icon01.gif) no-repeat left center;
	
	color: #333;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
}

#customerDetails #conts .box ul li {
	margin: -8px 0 0 150px;
}

#customerDetails #conts .box ul li a {
	padding-left: 18px;
	
	background: url(../../../img/icon/02.gif) no-repeat left center;
}

/*-------------------------------------------------------------------- 
 キャラクター特集
--------------------------------------------------------------------*/
#featureChara #conts h2 {
	margin-bottom: 10px;
}

#featureChara #conts h3 {
	margin: 15px 0 10px;
	padding: 0 10px;
	
	color: #fff;
	line-height: 24px;
}

#featureChara #conts .box {
	margin: 0 0 20px;
	padding: 0 16px;
	
	overflow: hidden;
}

#featureChara #conts .box img {
	margin-right: 17px;
	
	float: left;
}

#featureChara #conts .box h4 {
	margin: 0 0 5px 117px;
	padding: 0 0 0 10px;
	
	color: #666;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
}

#featureChara #conts .box ul li {
	margin: -8px 0 0 117px;
}

#featureChara #conts .box ul li a {
	padding-left: 18px;
	
	background: url(../../../img/icon/02.gif) no-repeat left center;
}

#featureChara #conts h3.sampleH3 {
	padding: 0 0 0 23px;
	
	background: url(../../../img/template/hx_back04.gif) no-repeat;
	
	color: #45355e;
	font-size: 15px;
	line-height: 20px;
}
#featureChara #conts .other {
	width: 100%;
	padding: 5px 0 0;
	background: url(../../../img/classic/other_back.gif) repeat-y left;
	overflow: hidden;
}

#featureChara #conts .other li {
	width: 162px;
	background: none;
	float: left;
	
	text-align: center;
}

#featureChara #conts .other li img {
	margin-bottom: 10px;
}

#featureChara #conts .other li span {
	color: #e64d1a;
	font-weight: bold;
}