@charset "Shift_JIS";

/*=====================================
 共通 CSS

* =====================================*/
#dsgn_gNav li a,
#dsgn_gNav li em /* 現在地 */ {
    display: block;
    background-position: 5px 0.8em;
    background-repeat: no-repeat;
    min-height: 15px;
    padding: 10px 0 10px 24px;
    color: #111111;
    font-weight: bold;
    text-decoration: none;
}



#guideContents *{
	margin:0;
	padding:0;
	list-style:none;
}

br.clear{
	clear:both;
	margin:20px 0;
}

.contents.nobord{
	border:none;
}

a.arrow{
	background: no-repeat left center url('/img/usr/guide/nav_marker.gif');
	padding: 0 0 0 15px;
}
a.blank{
	background: no-repeat right center url('/img/usr/pages/common/icn_windowopen.gif');
	padding-right: 15px;
}


#dsgn_main01 .dsgn_mainTtl {
	margin-bottom: 16px;
	padding-bottom: 15px;
	background: url("/img/usr/pages/common/bg_ttl02_red_b.gif") left bottom no-repeat;
}

#dsgn_main02 .dsgn_mainTtl {
    margin-bottom: 16px;
    padding-bottom: 15px;
    background: url("/img/usr/pages/common/bg_ttl01_red_b.gif") left bottom no-repeat;
}
/*=====================================
* 01.ご利用ガイドindex

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

#guideIndex{
	width:887px;
	margin:40px auto;
}


#guideIndex ul{
	width:830px;
	margin:10px auto 30px auto;
	overflow:hidden;
}

#guideIndex ul li{
	float:left;
	padding:0 0 15px 15px;
	background:url("/img/usr/guide/nav_marker.gif") 0 3px no-repeat;
}

#guideIndex ul li.w1{width:180px;}
#guideIndex ul li.w2{width:240px;}
#guideIndex ul li.w3{width:315px;}


#guideContents h2{
	background:url("/img/usr/guide/index/title_bg.gif") center left no-repeat;
	padding:0 0 0 25px;
	font-size:140%;
}

#guideContents h2 strong{
	background:#fff;
	padding:0 10px 0 0;
}

#guideLinkSub {
	border-top:2px solid #eee;
	border-bottom:2px solid #eee;
	padding:15px 0;
}

#guideLinkSub h3{
	background:url("/img/usr/guide/arrow1.gif") center left no-repeat;
	padding:0 0 0 15px;
	margin:5px 0 5px 5px;
	font-size:125%;
}



/*=====================================
* 01.ご利用ガイド用スタイル

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

/* ナビ */
#guide_nav{
	width:184px;
	background: #ff8800 url('/img/usr/guide/nav_back.gif');
	padding:3px;
}
#guide_nav img{
	vertical-align:text-bottom;
}
#nav_frame{
	margin:3px 0 3px 0;
	float:left;
width:184px;
	-webkit-box-shadow: 1px 1px 3px #666;
	-moz-box-shadow: 1px 1px 2px #666;
}


#nav_frame li, #sub_frame li{
	width: 160px;
	background: no-repeat left center url('/img/usr/guide/nav_marker.gif');
	padding:5px 0;
}

#nav_frame li a, #sub_frame li a{
	font-weight:normal;
	margin:0 12px; padding:0;
	color: #0068b7;
	text-decoration: underline;
}

#nav_frame li a:hover, #sub_frame li a:hover{
	text-decoration:none;
	clear:both;
	
}

#nav_frame dl{
	margin:0;
background: #fff;
float:left;
width:184px;}

#nav_frame dt{
	padding:6px;
}

#nav_frame dd{
	margin-bottom:0;
	padding-bottom:0.7em;
	clear:both;
	margin: 0;
	padding: 0 0 0.7em 1.5em;
	line-height: 1.3;
}

#nav_frame2{
	clear:both;
	padding:5px 0;
	background: #fff;
	-webkit-box-shadow: 1px 1px 3px #666;
	-moz-box-shadow: 1px 1px 2px #666;
}


dt.sub{
	border-bottom:1px solid #ccc;
	width:100%;
	padding:10px 0 10px 0;
}

dt.sub_open{
	border-bottom:none;
}

dt.sub a{
	margin-left:12px;
}

#sub_frame{
	border-bottom: 1px solid #ccc;
}

#sub_frame ul{
	margin: 5px 6px;
}

/* コンテンツ全体 */
#contents-inner{
	margin: 0 10px;
}

.subTtl{
	background: no-repeat left center url('/img/usr/guide/point_h2.gif');
	border-bottom: 3px solid #cc0000;
}

.subTtl h2{
	margin: 28px 30px 0 15px;
	font-size: 140%;
	font-weight: bold;

}
.contents{
	width: 100%;
	margin: 0;
	padding: 30px 0;
	overflow:hidden;
	border-bottom: 1px solid #cccccc;
}

.contents h3{
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 20px;
	color: #cc0000;
	clear:both;
}

.contents_border{
	width 100%;
	border-bottom: 1px solid #cccccc;
}

p.attention{
	padding:5px 0 0 1em;
	text-indent: -1em;
	font-size:90%;

}
.attention span{
	color: #f00;
}
/*
p.attention:first-letter{
	color: #f00;
}
*/

ul.attention{
	clear:both;
	padding:10px 0;
	font-size:90%;
}

ul.attention li{
	list-style:none;
	margin:0;
	padding:0 0 0.5em 1.5em;
	text-indent: -1.5em;
}


.left_column{
	width: 770px;
	float: left;
}

.right_column{
	float: left;
	width: 170px;
	padding-left: 10px;
}

.contents_link{
	text-align: center;
	padding:10px 0;
}

.clear { clear:both; }

/*=====================================
* 会員について

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

.guide-member .left_column{
	width: 400px;
	float: left;
}

.guide-member .right_column{
	width:230px;
	text-align:center;
}

.guide-member .right_column p.ct{
	padding:50px 0 0 0;
}

.guide-member .contents{
	border-bottom:none;
}

/*=====================================
* 商品について

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

.guide-item .left_column{
	width:690px;
	float: left;
}

.guide-item .right_column{
	width:270px;
}


.guide-item .contents{
	border-bottom:none;
}

/*=====================================
* プライバシーポリシー

* =====================================*/
dl#policyTxt{
	margin:20px 10px;
}

dl#policyTxt dt{
	font-size:125%;
}

dl#policyTxt dd{
	padding:10px 0 30px 15px
}

dl#policyTxt dd p{
	padding:10px 0 0 0;
}

/*=====================================
* ご注文について

* =====================================*/
.guide-order h3{
	color:#000;
}

.guide-order .left_column{
	width:675px;
	padding-right:5px;
	float: left;
}

.guide-order .right_column{
	width:280px;
}

.guide-order dl{
	margin:20px 0;
}

dl.dl dt{
	font-size:115%;
}

dl.dl dt:first-letter {
	color:#cc0000;
}
dl.dl dt span.red{color:#cc0000;}
.guide-order dl dd{
	margin:5px 0 15px 0;
}

table#contactNumber{
	width:450px;
	margin:20px auto 5px auto;
	border:1px solid #ccc;
}

table#contactNumber th{
	text-align:center;
	width:100px;
	border-right:1px solid #cccccc;
}

table#contactNumber th,
table#contactNumber td{
	padding:10px 0;
	text-align:center;
}

#tableCaption{
	width:450px;
	margin:5px auto;
	font-size:90%;
}

.notice{
	margin: 20px 0 0 5px;
}

/*=====================================
* 特定商取引法に基づく表記

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

.guide-torihiki .contents{
	border:none;
}

.guide-torihiki dt{
	font-size:115%;
}
.guide-torihiki dd{
	padding:5px 0 20px 10px;
}

table#torihikiOutline{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	width:510px;
	margin:0 0 0 20px;
}

table#torihikiOutline tr{}

table#torihikiOutline th,
table#torihikiOutline td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px;
}

.cds{
	text-align:right;
	padding:10px 38px 15px 0;
}

dl#direct{
	width:100%;
	overflow:hidden;
}

dl#direct dd.txt{
	float:left;
	width:40%;
	padding-right:5%;
}

dl#direct dd.btn{
	float:left;
	width:50%;
	text-align:center;
	padding:15px 0 0 0;
}
ol.torihikiLst{
	padding-left:30px;
}

/*=====================================
* お支払い・配達について

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

.guide-pay .left_column{
	width: 380px;
	float: left;
}

.guide-pay .right_column{
	width:250px;
	text-align:center;
}


.guide-pay .contents{
	border:none;
}

table#delivs{
	border:3px solid #ccc;
	width:360px;
	margin:0 auto;
}
table#delivs th,
table#delivs td{
	padding:5px;
}
table#delivs th{
	text-align:center;
}
#about_mark table.mark_ {
  width: 100%;
  margin-bottom: 15px;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#about_mark table.mark_ th, #about_mark table.mark_ td {
  vertical-align: middle;
  border-bottom: 1px solid #dddddd;
}
#about_mark table.mark_ th {
  padding: 12px 7px 10px 11px;
  width: 76px;
}
#about_mark table.mark_ td {
  font-size: 14px;
  padding: 12px 10px 10px 0;
  border-right: 1px solid #dddddd;
  width: 355px;
}