@charset "Shift_JIS";

/*初期設定
==================================================*/
/*#body_guide a,
#body_guide a:link,
#body_guide li a:visited,
#body_guide li a:hover,
#body_guide li a:active { color:#333; }*/

#body_guide .index_payment ul li:nth-child(3),
#body_guide .index_payment ul li:nth-child(4){
display:none;
}

.contents_main { min-height:700px; }

/*html .contents_main { line-height:1.8; }

.contents_main p { line-height:1.8; }*/

/*.contents_main dd p,
.contents_main dd .pict,
.contents_main dd ul,
.contents_main dd ol,
.contents_main dd h5 { margin-left:20px; }*/

.contents_main {
	background:url(/guide/image/midashi1.jpg) no-repeat center top;
	padding-top:40px;
}

.contents_main dl { margin-bottom:50px; }

/*#main_contents h1 {
	line-height:1;
	margin-bottom:1em;
	padding:7px 10px;
	color:#fff;
	background-color:#000;
	letter-spacing:0.1em;
	border:1px solid #ccc;
}*/

.contents_main h1 {
	text-align:center;
	font-weight:bold;
	margin-bottom:30px;
	font-size:20px;
	letter-spacing:0.1em;
}

/*.contents_main h2 {
	background:url(/guide/image/midashi2.jpg) no-repeat center top;
	min-height:40px;
	padding-top:12px;
	padding-left:20px;
}*/

.contents_main dd {
	/*margin-left:20px;*/
	padding-top:10px;
	margin-bottom:50px;
}

/*link_btn
==================================================*/
#remind .link_btn { width:350px; }

/*warning
==================================================*/
/*clearfix*/
.warning:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.warning { min-height: 1px; }

* html .warning { height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }

.warning h6 {
	width:80px;
	float:left;
}

.warning ul {
	width:600px;
	float:left;
}

dd dd .warning ul { width:500px; }

/*関連トピック
==================================================*/
.related { margin-left:8em; }

/*clearfix*/
.related:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.related { min-height: 1px; }

* html .related { height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }

.related h6 {
	width:6em;
	float:left;
}

.related ul {
	width:400px;
	float:left;
	/*border-left:3px solid #ccc;*/
	padding-left:1em;
}

/*バリエーション
==================================================*/

/*clearfix*/
.variation:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.variation { min-height: 1px; }

* html .variation { height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }

.contents_main .variation li {
	padding:0!important;
	margin-left:8px;
	width:325px;
	float:left;
	text-indent:0;
	padding-left:0;
}

.variation dt { padding-left:10px; }

.contents_main .variation dd {
	margin-bottom:10px;
	margin-left:5px;
}

/*ギフト
==================================================*/
.gift_box-img {
	width:300px;
	height:170px;
	display:table-cell;
	vertical-align:middle;
}

/*連絡先
==================================================*/
/*電話リンク相殺*/
.phone a,
.phone a:link,
.phone a:visited,
.phone a:hover,
.phone a:active {
	text-decoration:none;
	cursor:default;
}

/*ページ内リンク
==================================================*/
.navi_anchor {
	float:left;
	margin-bottom:20px;
}

.contents_main .navi_anchor li {
	border:3px solid #ccc;
	margin:5px;
	font-weight:bold;
	background-color:#fff;
	width:340px;
	float:left;
	font-size:12px;
	list-style:none;
	padding-left:0;
}

.navi_anchor li a,
.navi_anchor li a:link,
.navi_anchor li a:visited,
.navi_anchor li a:hover,
.navi_anchor li a:active {
	display:block;
	text-decoration:none;
	color:#333;
	padding:10px 20px;
	background:url(/guide/image/link_anchor.gif) no-repeat 97% center;
}

.navi_anchor li a:hover,
.navi_anchor li:hover { border-color:#000!important; }

#main_tokuten .navi_anchor li a:hover,
#main_tokuten .navi_anchor li:hover {
	color:#f30!important;
	border-color:#000!important;
}

/*shopping
==================================================*/
.navi_shopping {
	float:left;
	margin-bottom:20px;
}

.contents_main .navi_shopping li {
	border:3px solid #ccc;
	margin:5px 2px;
	font-weight:bold;
	background-color:#fff;
	float:left;
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center;
	text-indent:0;
	padding-left:0;
	list-style-type:none;
}

#beginner .navi_shopping li { width:90px; }

#member .navi_shopping li { width:77px; }

.contents_main .navi_shopping li a,
.contents_main .navi_shopping li a:link,
.contents_main .navi_shopping li a:visited,
.contents_main .navi_shopping li a:hover,
.contents_main .navi_shopping li a:active {
	display:block;
	text-decoration:none;
	color:#333;
	padding:10px;
	padding-bottom:20px;
	height:140px;
	text-indent:-1000em;
}

/*.navi_shopping li a:hover,*/
.contents_main .navi_shopping li:hover {
	color:#fff;
	border:3px solid #000;
}

li.step1 { background-image:url(/guide/image/shopping_1.gif); }

li.step2 { background-image:url(/guide/image/shopping_2.gif); }

li.step3 { background-image:url(/guide/image/shopping_3.gif); }

li.step4 { background-image:url(/guide/image/shopping_4.gif); }

li.step5 { background-image:url(/guide/image/shopping_5.gif); }

li.step6 { background-image:url(/guide/image/shopping_6.gif); }

li.step7 { background-image:url(/guide/image/shopping_7.gif); }

li.step8 { background-image:url(/guide/image/shopping_8.gif); }

/*はじめての方*/
#beginner li.step4 { background-image:url(/guide/image/shopping_4n.gif); }

#beginner li.step5 { background-image:url(/guide/image/shopping_5n.gif); }

#beginner li.step6 { background-image:url(/guide/image/shopping_6n.gif); }

#beginner li.step7 { background-image:url(/guide/image/shopping_7n.gif); }

/*数字のh4*/
/*.contents_main #main_mydhc h4 {
	border-left:none;
	padding-left:0px;
}*/

/*.contents_main #main_mydhc h4:first-letter {
	font-size:1.5em;
	margin-right:5px;
}*/

/*search
==================================================*/
.search_test { width:550px; }

.search_test input#search2 { width:220px; }

/*contents_side
==================================================*/
.contents_side { padding-top:12px; }

.contents_side > ul { border:1px solid #ccc; /*border-top-width:3px;
	border-bottom-width:1px;
	font-size:14px;
	background-color:#fff;*/ }

/*.contents_side ul ul { font-size:12px; }*/

/*.contents_side ul ul,
.contents_side ul ul ul { border:none; }*/
.contents_side li { border-top:1px solid #ccc; }

.contents_side li ul li { border-top:1px dotted #ccc; }

.contents_side ul li:first-child { border:none; }

.contents_side li a,
.contents_side li a:link,
.contents_side li a:visited,
.contents_side li a:hover,
.contents_side li a:active {
	text-decoration:none;
	display:block;
	padding:0.5em;
	margin:0.1em;
}

.contents_side li .category1 {
	/*padding:10px;
	border-bottom:2px solid #ccc;
	font-weight:bold;
	background:url(../image/midashi2.jpg) no-repeat center -1px;
	display:block;
	letter-spacing:0.1em;
	text-align:center;*/
	display:block;
	background: #f0f0f0;
	font-weight: bold;
	text-align: center;
	padding: 0.5em;
	margin-bottom: 0;
}

.contents_side li .category2 a {
	background-color:#f0f0f0;
	background:url(../image/link_btn.gif) no-repeat 97% center;
}

.contents_side li .category2 a:hover { background-color:#f5f5f5; }

.contents_side li li ul { /*background-color:#e5e5e5;*/ display:none; }

.contents_side li li ul li a {
	background:url(/sitetop/image/arrow6.gif) no-repeat 10px center;
	padding-left:25px!important;
}

.contents_side li li ul li a:hover { background-color:#f0f0f0; }

.contents_side li li ul li a/*,
.contents_side li li ul li a:hover*/ { /*-moz-box-shadow:inset 2px 2px 2px #ccc;
	-webkit-box-shadow:inset 2px 2px 2px #ccc;
	box-shadow:inset 2px 2px 2px #ccc;*/ background-color:#fff5c2; }

.contents_side li li li { }

/*メインページ　目次
==================================================*/
.index_box {
	width:350px;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}

.index_tokuten .index_box {
	width:720px;
	float:none;
}

.index_tokuten .index_box ul { }

/*clearfix*/
.index_tokuten .index_box ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.index_tokuten .index_box ul { min-height: 1px; }

* html .index_tokuten .index_box ul { height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }

.index_return .index_box { min-height:130px; }

.index_tokuten .index_box li {
	width:345px;
	float:left;
}

/*出しわけ
==================================================*/
.for_pc { display: none; }

/*------------------------------------------------*/
.contents_main .gifttype {
	margin-left: 0;
	margin: 10px auto;
	overflow: hidden;
	clear: both;
}

.contents_main .gifttype li {
	background-image: none;
	list-style-type: none;
	width: 200px;
	float: left;
}

.contents_main .gifttype li img {
	width: 95%;
	-ms-interpolation-mode: bicubic;
}

.contents_main .gifttype li span {
	text-align: left;
	padding: 5px;
}

.contents_main .dhcgiftstep { /*	border-left: none;
	padding-left: 0;*/ }

.contents_main .dhcgiftst li {
	list-style-type:none;
	list-style-image:none;
}

.contents_main .dhcgiftst li p {
	margin-left: 0;
	/*font-size: 16px;*/
	line-height:1.4;
	font-weight: bold;
}

/*検索窓相殺*/
#search_box { margin-bottom:0; }

/*トップページへ*/
.contents_side .cat_top {
	border: 1px solid #ccc;
	margin-bottom:0.5em;
}

.contents_side .cat_top a {
	text-decoration: none;
	display: block;
	padding: 0.5em;
	margin: 0.1em;
	text-align:center;
	color:#fff;
	font-weight:bold;
	background:#666 url("/sph/image/tab_prev.png") no-repeat left center;
	background-size: 1.5em auto;
	-webkit-background-size: 1.5em auto;
	-moz-background-size: 1.5em auto;
	-o-background-size: 1.5em auto;
	-ms-background-size: 1.5em auto;
	background-image:none\9;
}

.contents_side .cat_top a:hover { background-color:#333; }

/*デジカタ*/
#catalog .pict img {width:124px;}
