@charset "utf-8";

/*----------------------------------------------------*/ 
/* element reset
------------------------------------------------------*/ 

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a, input {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
}
body { line-height:1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl { list-style:none; }
del { text-decoration: line-through; }
table {	border-collapse:collapse;	border-spacing:0;	empty-cells:show;	font-size:inherit;	font:100%;}
th,td,img {	border:0;}
caption, th {	text-align:left;}
img,a img{	background:transparent;}
address {	font-style:normal;}
hr { display:none;}
input, select { vertical-align:middle; }


/*----------------------------------------------------*/ 
/* link
------------------------------------------------------*/ 

a:link {	color:#433c3c; text-decoration:none;}
a:visited {	color:#433c3c;	text-decoration:none;}
a:hover {	color:#433c3c;	text-decoration:underline;}
a:active {	color:#433c3c;	text-decoration:none;}

a:hover img,
input[type=image]:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


/*----------------------------------------------------*/ 
/* text
------------------------------------------------------*/ 

body {
	color:#433c3c;
	font:small "メイリオ", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;
	*font-size:small;
	*font:x-small;
}

.text10 { font-size:77% !important; }
.text11 { font-size:85% !important; }
.text12 { font-size:93% !important; }
.text13 { font-size:100% !important; }
.text14 { font-size:108% !important; }
.text15 { font-size:116% !important; }
.text16 { font-size:123.1% !important; }
.text17 { font-size:131% !important; }
.text18 { font-size:138.5% !important; }
.text19 { font-size:146.5% !important; }
.text20 { font-size:153.9% !important; }
.text21 { font-size:161.6% !important; }
.text22 { font-size:167% !important; }
.text23 { font-size:174% !important; }
.text24 { font-size:182% !important; }
.text25 { font-size:189% !important; }
.text26 { font-size:197% !important; }

p {
	line-height:1.5;
}

dt,dd,li,th,td,address {
	line-height:1.5;
}

p,dt,dd,li,th,td,input,textarea,address {
	font-size:100%;
}

img {
	vertical-align:top;
}


/*----------------------------------------------------*/ 
/* header
------------------------------------------------------*/ 

#header {
	background:#F9F9F3;
	border-top:solid 4px #AC264C;
	border-bottom:solid 1px #EBEBE0;
}

#header .inner {
	width:894px;
	height:195px;
	margin:0 auto;
	position:relative;
}

#header .tagline {
	font-size:85%;
	float:left;
	padding-top:15px;
}

#header .util {
	font-size:85%;
	float:right;
	padding:15px 195px 0 0;
	overflow:hidden;
}

#header .util li {
	float:left;
}

#header .util li:before {
	content:"／";
	display:inline-block;
	margin:0 5px;
}

#header .util li:first-child:before {
	display:none;
}

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

#header .cart a {
	display:block;
	width:184px;
	height:43px;
	white-space:nowrap;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/lib/img/common/header_btn_cart.gif) no-repeat;
}

#header .cart a:hover {
	background-position:0 -43px;
}

#header .logo {
	position:absolute;
	left:0;
	top:53px;
}

#header .logo a {
	display:block;
	width:225px;
	height:50px;
	background:url(/lib/img/common/header_logo.gif) no-repeat;
	white-space:nowrap;
	overflow:hidden;
	text-indent:-9999px;
}

#header .tel {
	position:absolute;
	right:0;
	top:53px;
	white-space:nowrap;
	overflow:hidden;
	text-indent:-9999px;
	width:430px;
	height:68px;
	background:url(/lib/img/common/header_tel.png) no-repeat;
}

#gnavi {
	position:absolute;
	left:-13px;
	top:131px;
	overflow:hidden;
	overflow:hidden;
}

#gnavi li {
	float:left;
	margin-left:13px;
}

#gnavi li a {
	display:block;
	width:219px;
	height:45px;
	background:url(/lib/img/common/header_gnavi.gif) no-repeat;
	white-space:nowrap;
	overflow:hidden;
	text-indent:-9999px;
}

#gnavi li.brand a {	background-position:0 0;}
#gnavi li.brand a.on,
#gnavi li.brand a:hover {	background-position:0 -45px;}

#gnavi li.category a {	background-position:-232px 0;}
#gnavi li.category a.on,
#gnavi li.category a:hover {	background-position:-232px -45px;}

#gnavi li.trouble a {	background-position:-464px 0;}
#gnavi li.trouble a.on,
#gnavi li.trouble a:hover {	background-position:-464px -45px;}

#gnavi li.login a {	background-position:-696px 0;	width:99px;}
#gnavi li.login a.on,
#gnavi li.login a:hover {	background-position:-696px -45px;}

#gnavi li.first {	margin:0;}
#gnavi li.first a {	background-position:-795px 0;	width:99px;}
#gnavi li.first a.on,
#gnavi li.first a:hover {	background-position:-795px -45px;}


/*----------------------------------------------------*/ 
/* topicpath
------------------------------------------------------*/ 

#topicpath {
	border-bottom:solid 1px #EBEBE0;
	padding:10px 0;
}

#topicpath p {
	width:894px;
	margin:0 auto;
	font-size:85%;
}

#topicpath a {
	color:#6684a1;
	text-decoration:underline;
}


/*----------------------------------------------------*/ 
/* container
------------------------------------------------------*/ 

#container {
	width:894px;
	margin:55px auto 100px;
	background:url(/lib/img/common/bg_container_01.gif) repeat-y right 0;
	/zoom:1;
}

#container:after {
	content:"."; display:block;	clear:both;	height:0;	visibility:hidden;
}

#contents {
	float:left;
	width:590px;
}

#side {
	float:right;
	width:240px;
}


/*----------------------------------------------------*/ 
/* footer
------------------------------------------------------*/ 

#footer {
	border-bottom:solid 5px #AC264C;
	background:#F9F9F3;
	clear:both;
}

#footer p,
#footer li {
	font-size:85%;
}

#footer a {
	color:#6684a1;
}

#pagetop {
	width:57px;
	padding-left:941px;
	position:relative;
	margin:0 auto;
	display:none;
}

#pagetop a {
	position:absolute;
	display:inline-block;
	width:57px;
	height:56px;
	background:url(/lib/img/common/p_pagetop.png) no-repeat;
	white-space:nowrap;
	overflow:hidden;
	text-indent:-9999px;
	margin:-62px 0 0 0;
}

#pagetop.fixed a {
	position:fixed;
	bottom:6px;
}

#pagetop a:hover {
	background-image:url(/lib/img/common/p_pagetop_ov.png);
}

#footer_main {
	width:894px;
	margin:0 auto;
	overflow:hidden;
	padding-top:23px;
	background:url(/lib/img/common/footer_bg_01.gif) repeat-y 0 0;
}

#footer_main .order {
	width:634px;
	float:left;
}

#footer_main h2 {
	margin-bottom:10px;
	font-size:108%;
	font-weight:normal;
}

#footer_main h2 a {
	display:inline-block;
	padding-left:25px;
	background:url(/lib/img/common/icon_link_01.gif) no-repeat 0 center;
}

#footer_main .howto {
	overflow:hidden;
}

#footer_main dl {
	float:left;
	margin-right:10px;
	vertical-align:top;
	width:212px;
}

#footer_main dt {
	background:#EBEBE0;
	font-size:93%;
	padding:6px 10px;
}

#footer_main dd {
	padding:10px 0 0 10px;
}

#footer_main ul.online li {
	margin-bottom:3px;
}

#footer_main ul.online a {
	padding-left:10px;
	background:url(/lib/img/common/icon_dot_01.png) no-repeat 0 .5em;
}

#footer_main p.tel,
#footer_main p.fax {
	margin:-5px 0 7px;
	white-space:nowrap;
	overflow:hidden;
	text-indent:-9999px;
}

#footer_main p.tel {
	width:192px;
	height:32px;
	background:url(/lib/img/common/footer_tel.png) no-repeat;
}

#footer_main p.fax {
	width:152px;
	height:32px;
	background:url(/lib/img/common/footer_fax.png) no-repeat;
}


#footer_main dl.paper {
	margin-right:0;
	width:172px;
}

#footer_main dl.paper dt {
	background:#FFF;
	border:solid 1px #EBEBE0;
	padding:0;
}

#footer_main dl.paper dt a {
	display:block;
	color:#433c3c;
	padding:5px 9px;
	background:#EBEBE0 url(/lib/img/common/icon_link_02.gif) no-repeat 145px center;
}

#footer_main dl.paper dt a:hover {
	background-color:#FFF;
	text-decoration:none;
}

#footer_main dl.paper dt.hagaki {
	margin:8px 0 30px;
}

#footer_main .send {
	width:241px;
	float:right;
}

#footer_main .send dl {
	margin-right:0;
	display:block;
	width:auto;
	float:none;
}

#footer_main .credit {
	margin:2px 0 15px -10px
}

#footer_sub {
	background:#FFF;
}

#footer_sub .pcspSwitch01 {
	border-bottom:1px solid #f9f9f3;
	background:#FFF;
	padding:14px;
	text-align:center;
}

#footer_sub .inner {
	width:894px;
	margin:0 auto;
	overflow:hidden;
	padding:25px 0 16px;
}

#footer_sub .logo {
	float:left;
}

#footer_sub .logo a {
	display:block;
	width:91px;
	height:28px;
	white-space:nowrap;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/lib/img/common/footer_logo.png) no-repeat;
}

#footer_sub .util {
	float:right;
}

#footer_sub .util ul {
	overflow:hidden;
	margin-bottom:5px;
}

#footer_sub .util li {
	float:left;
	color:#6684a1;
}

#footer_sub .util li:before {
	content:"／";
	display:inline-block;
	margin:0 5px;
}

#footer_sub .util li:first-child:before {
	display:none;
}

#footer_sub .util p {
	color:#999;
	text-align:right;
}

#footer_sub .shopLink {
	text-align: right;
    padding-bottom: 25px;
}





/*　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-
 会員登録フォームのタイトル(メールアドレス確認)のテキストはみだす対処
　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　*/
#cart table tr:nth-child(4) td {
    font-size: 12px;
    letter-spacing: -1px;
}



/*　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-
 会員のお客様専用ログインページの「パスワードを忘れた方はこちら」のこちらのデザイン対処
　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　*/
div#cart_body a {
text-decoration: underline !important;
color: #551a8b !important;
}

/*　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-
 パスワード再発行ページの「送信」ボタンデザイン対処
　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　*/
#cart form #hide_display input#user {
    background: #d4d0c8;
    border: 1px solid #000;
    padding: 3px;
}

/*　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-
 アドレス帳の編集ページの「住所編集」ボタンデザイン対処
　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　*/
#cart_body #cart form span#hide_display input[type=submit] {
    background: none repeat scroll 0 0 #d4d0c8;
    border: 1px solid #000;
    padding: 3px;
}


/*　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-
 クレジットの編集ページの「入力フォーム」デザイン対処
　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　-　*/
#cart_body #cart input#new_credit_card_number,
#cart_body #cart input#new_credit_card_name {
    border: 1px solid #CCC;
}