@charset "shift_jis";

/* #############################################

		ヘッダー

############################################# */

/* content=====================================

0. 共通
1. 領域全体【#header_pc】
2. ロゴ【duskin_logo】
3. サポートメニュー【support_menu】
4. 文字サイズ選択メニュー【textsize_area】
5. サイト内検索【serch_area】
6. 商品サイトメニュー【duskinjp_menu】
7. グローバルメニュー【global_menu】
8. SPサイトへ

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


/* -----------------------------------------------

	0. 共通

----------------------------------------------- */

/* スキップナビゲーション */
#header_pc .navigation,
#header_pc .voice_guide {
	position: absolute;
	top: -1000px;
	left: -1000px;
	margin: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
}


/* -----------------------------------------------

	1. 領域全体

----------------------------------------------- */

#header_pc {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 956px;
	height: 115px;
	z-index: 1;
}


/* -----------------------------------------------

	2. ロゴ【duskin_logo】

----------------------------------------------- */

div#duskin_logo {
	position: absolute;
	left: 0;
	top: 10px;
}

div#duskin_logo a {
	display: block;
	overflow: hidden;
	margin: 1px 0 0 0;
	padding: 0;
	width: 121px;
	height: 36px;
	text-indent: -9999px;
	background: url(/common/images/header/logo.gif) top left no-repeat;
}

div#duskin_logo img {
	display: none;
}


/* -----------------------------------------------

	3. サポートメニュー【support_menu】

----------------------------------------------- */

div#support_menu {
	position: absolute;
	top: 45px;
	right: 0;
	width: 174px;
	height: 16px;
}

dd#gm_inquiry a,
dd#gm_sitemap a,
dd#gm_english a {
	float: left;
	display: block;
	height: 16px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

dd#gm_inquiry a {
	width: 78px;
	margin: 0 15px 0 0;
	background: url(/common/images/header/link_inquiry.gif) 0 0 no-repeat;
}

dd#gm_sitemap a {
	width: 71px;
	margin: 0;
	background: url(/common/images/header/link_sitemap.gif) 0 0 no-repeat;
}

dd#gm_english a {
	width: 57px;
	margin: 0;
	background: url(/common/images/header/link_english.gif) 0 0 no-repeat;
}


/* -----------------------------------------------

	4. 文字サイズ選択メニュー【textsize_area】

----------------------------------------------- */

div#textsize_area {
	position: absolute;
	right: 258px;
	top: 13px;
	width: 142px;
	height: 23px;
	background: url(/common/images/header/textsize.gif) top left no-repeat;
	line-height: 0;
	font-size: 0;
}

div#textsize_area dd {
	float: left;
	display: inline;
	line-height: 0;
	font-size: 0;
}

dd#txt_sizeL a,
dd#txt_sizeM a,
dd#txt_sizeS a,
dd#txt_sizeLon a,
dd#txt_sizeMon a,
dd#txt_sizeSon a {
	display: block;
	height: 23px;
	width: 22px;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
	background: url(/common/images/header/textsize.gif) 0 0 no-repeat;
}

dd#txt_sizeL a {
	width: 23px;
	background: url(/common/images/header/textsize_l.gif) 0 0 no-repeat;
}

dd#txt_sizeM a {
	margin: 0 4px 0 0;
	background: url(/common/images/header/textsize_m.gif) 0 0 no-repeat;
}

dd#txt_sizeS a {
	margin: 0 3px 0 68px;
	background: url(/common/images/header/textsize_s.gif) 0 0 no-repeat;
}

dd#txt_sizeL a:hover {
	background-position: 0 -23px;
}

dd#txt_sizeM a:hover {
	background-position: 0 -23px;
}

dd#txt_sizeS a:hover {
	background-position: 0 -23px;
}

dd#txt_sizeLon a {
	width: 23px;
	background-position: 0 -23px;
}

dd#txt_sizeMon a {
	margin: 0 4px 0 0;
	background-position: 0 -23px;
}

dd#txt_sizeSon a {
	margin: 0 3px 0 68px;
	background-position: 0 -23px;
}


/* -----------------------------------------------

	5. サイト内検索【serch_area】

----------------------------------------------- */

div#serch_area {
	position: absolute;
	right: 80px;
	top: 13px;
	width: 162px;
	height: 26px;
}

input#search_txt {
	float: left;
	margin: 1px 0 0 0;
	padding: 0 5px;
	width: 105px;
	height: 21px;
	background: url(/common/images/header/search_area.gif) top left no-repeat;
	border: none;
}

input#search_btn {
	float: right;
	display: block;
	width: 42px;
	height: 26px;
	border: 0;
	background: url(/common/images/header/btn_serch.gif) top left no-repeat;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}


/* -----------------------------------------------

	6. 商品サイトメニュー【duskinjp_menu】

----------------------------------------------- */

div#duskinjp_menu {
	position: absolute;
	right: 0;
	top: 13px;
	width: 69px;
	height: 26px;
}

dd#gm_link a {
	display: block;
	width: 77px;
	height: 26px;
	text-indent: -9999px;
	background: url(/common/images/header/btn_service.gif) top left no-repeat;
}


/* -----------------------------------------------

	7. グローバルメニュー【global_menu】

----------------------------------------------- */

ul#global_menu {
	position: absolute;
	left: 0;
	top: 78px;
	width: 956px;
	height: 38px;
}

ul#global_menu li {
	float: left;
	list-style:none;
	position: relative;
}

/*
会社情報 … gm_company , gm_company_on
CSR … gm_csr , gm_csr_on
IR情報 … gm_ir , gm_ir_on
商品・サービス … gm_service , gm_service_on
ニュースリリース … gm_news , gm_news_on
採用情報 … gm_saiyo , gm_saiyo_on
加盟店募集 … gm_fc , gm_fc_on
*/

li#gm_company > a,
li#gm_csr > a,
li#gm_ir > a,
li#gm_service > a,
li#gm_news > a,
li#gm_saiyo > a,
li#gm_fc > a,
li#gm_company_on > a,
li#gm_csr_on > a,
li#gm_ir_on > a,
li#gm_service_on > a,
li#gm_news_on > a,
li#gm_saiyo_on > a,
li#gm_fc_on > a {
	display: block;
	text-indent: -9999px;
	height: 37px;
	width: 136px;
	margin: 0;
}

li#gm_company a {
	background: url(/common/images/header/menu_company.gif) 0 0 no-repeat;
}

li#gm_csr a {
	background: url(/common/images/header/menu_csr.gif) 0 0 no-repeat;
}

li#gm_ir a {
	background: url(/common/images/header/menu_ir.gif) 0 0 no-repeat;
}

li#gm_service a {
	background: url(/common/images/header/menu_service.gif) 0 0 no-repeat;
}

li#gm_news a {
	background: url(/common/images/header/menu_news.gif) 0 0 no-repeat;
}

li#gm_saiyo a {
	background: url(/common/images/header/menu_saiyo.gif) 0 0 no-repeat;
}

li#gm_fc a {
	background: url(/common/images/header/menu_fc.gif) 0 0 no-repeat;
	width: 140px;
}

li#gm_company a:hover {
	background-position: 0px -37px;
}

li#gm_csr a:hover {
	background-position: 0px -37px;
}

li#gm_ir a:hover {
	background-position: 0px -37px;
}

li#gm_service a:hover{
	background-position: 0px -37px;
}

li#gm_news a:hover {
	background-position: 0px -37px;
}

li#gm_saiyo a:hover {
	background-position: 0px -37px;
}

li#gm_fc a:hover {
	background-position: 0px -37px;
	width: 140px;
}

li#gm_company_on a {
	background: url(/common/images/header/menu_company.gif) 0 -37px no-repeat;
}

li#gm_csr_on a {
	background: url(/common/images/header/menu_csr.gif) 0 -37px no-repeat;
}

li#gm_ir_on a {
	background: url(/common/images/header/menu_ir.gif) 0 -37px no-repeat;
}

li#gm_service_on a {
	background: url(/common/images/header/menu_service.gif) 0 -37px no-repeat;
}

li#gm_news_on a {
	background: url(/common/images/header/menu_news.gif) 0 -37px no-repeat;
}

li#gm_saiyo_on a {
	background: url(/common/images/header/menu_saiyo.gif) 0 -37px no-repeat;
}

li#gm_fc_on a {
	background: url(/common/images/header/menu_fc.gif) 0 -37px no-repeat;
	width: 140px;
}

ul#global_menu li ul.inline {
	position: absolute;
	top: 37px;
	left: 0px;
	background: #ffffff;
	border: 3px solid #8691C8;
	border-top: none;
	padding: 0;
	z-index: 100;
	display: none;
}

ul#global_menu li#gm_fc ul.inline,
ul#global_menu li#gm_fc_on ul.inline {
	left: auto;
	right: 0;
}

ul#global_menu li ul.menu01 {
	width: 200px;
}

ul#global_menu li ul.menu02 {
	width: 214x;
}

ul#global_menu li ul.menu03 {
	width: 220px;
}

ul#global_menu li ul.menu04 {
	width: 170px;
}

ul#global_menu li ul.menu05 {
	width: 230px;
}

ul#global_menu li ul.menu06 {
	width: 220px;
}

ul#global_menu li ul.inline li {
	position:relative;
	margin: 0;
	padding: 0;
	line-height: 1.25;
	float: none;
	display: block;
	z-index: 100;
}

ul#global_menu li ul.inline li::before {
	position: absolute;
	content: "";
	bottom: 0;
	left:14px;
	border-bottom: 1px dashed #a6a5a0;
}

ul#global_menu li ul.inline li:last-child {
	margin: 0;
}

ul#global_menu li ul.inline li:last-child::before {
	border-bottom:  none;
}

ul#global_menu li ul.menu01 li::before {
	width: 172px;
}

ul#global_menu li ul.menu02 li::before {
	width: 186px;
}

ul#global_menu li ul.menu03 li::before {
	width: 192px;
}

ul#global_menu li ul.menu04 li::before {
	width: 142px;
}

ul#global_menu li ul.menu05 li::before {
	width: 202px;
}

ul#global_menu li ul.menu06 li::before {
	width: 192px;
}

ul#global_menu li ul.inline li.sub li::before {
	border-bottom: none;
}

ul#global_menu li ul.inline li ul li::before {
	border-bottom: none;
}

ul#global_menu li ul.inline li a,
ul#global_menu li ul.inline li a:hover {
	color: #333;
	background: url(/common/images/header/ico_link.gif) no-repeat 14px 0.6em;
	padding: 0.5em 0 0.5em 27px;
	margin: 0;
	height: auto;
	display: block;
}

ul#global_menu li ul.menu02 > li > a,
ul#global_menu li ul.menu02 > li > a:hover {
	padding: 0.5em 14px 0.5em 27px;
	width: 173px;
}

ul#global_menu li ul.menu06 > li > a,
ul#global_menu li ul.menu06 > li > a:hover {
	width: 200px;
}

ul#global_menu li ul.inline li:first-child a {
	padding: 1em 0 0.5em 27px;
	background: url(/common/images/header/ico_link.gif) no-repeat 14px 1em;
}

ul#global_menu li ul.inline li.pop_link {
	background: none;
	display: block;
}

ul#global_menu li ul.inline li.pop_link a,
ul#global_menu li ul.inline li.pop_link a:hover {
	background: url(/common/images/header/ico_popup.gif) no-repeat 14px 0.7em !important;
	margin: 0;
	padding: 0.5em 0 0.5em 32px;
}

ul#global_menu li ul.inline li ul {
	padding: 0 0 0 1em;
	display: block;
}

ul#global_menu li ul.inline li ul li {
	border-bottom: none;
	padding: 0;
	display: block;
}

ul#global_menu li ul.inline li.sub {
	padding-bottom: 0.3em;
}

ul#global_menu li ul.inline li.sub a,
ul#global_menu li ul.inline li.sub a:hover {
	padding: 0.5em 0 0.1em 27px;
	width: auto;
}

ul#global_menu li ul.inline li.sub ul li a,
ul#global_menu li ul.inline li.sub ul li a:hover {
	padding: 0.6em 0 0.1em 27px;
	background: url(/common/images/header/ico_link.gif) no-repeat 1em 0.6em;
	width: auto;
}

ul#global_menu li ul.inline li.sub ul li.pop_link a,
ul#global_menu li ul.inline li.sub ul li.pop_link a:hover {
	background: url(/common/images/header/ico_popup.gif) no-repeat 0 0.6em !important;
	padding: 0.5em 0 0.1em 13px;
	width: auto;
}

/* グローバル　サブメニュー*/
ul#global_menu li ul.inline li.gm_sub_tit::after {
	content: "＞";
	font-size: 70%;
	position: absolute;
	top: 9px;
	right: 12px;
	color: #8691C8;
}

ul#global_menu li ul.inline li.gm_sub_tit:hover::after {
	content: "▲";
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

ul#global_menu li ul.inline ul.gm_sub {
	overflow: hidden;
	height: 0;
	color: #fff;
	transition: .2s;
}

ul#global_menu li ul.inline li:hover > ul.gm_sub {
	overflow: visible;
	height: auto;
}

ul#global_menu li ul.inline ul.gm_sub {
	position: absolute;
	z-index: 100;
	top: -9px;
	width: 275px;
	margin: 0;
	padding: 0;
	background: #ffffff;
	border-right: 3px solid #8691C8;
}

ul#global_menu li ul.inline ul.gm_sub li {
	padding-left: 3px;
}

ul#global_menu li ul.inline ul.gm_sub li:first-child {
	border-top: 3px solid #8691C8;
}

ul#global_menu li ul.inline ul.gm_sub li:first-child a,
ul#global_menu li ul.inline ul.gm_sub li:first-child a:hover {
	background: url(/common/images/header/ico_link.gif) no-repeat 14px 1.1em;
}

ul#global_menu li ul.inline ul.gm_sub li:last-child {
	padding-bottom: 6px;
	border-bottom: 3px solid #8691C8;
}

ul#global_menu li ul.inline ul.gm_sub_in1 li:last-child {
	padding-left: 0;
	border-left: 3px solid #8691C8;
}

ul#global_menu li ul.inline ul.gm_sub_in2 {
	top: -9px;
}

ul#global_menu li ul.inline ul.gm_sub_in2 li:nth-of-type(4),
ul#global_menu li ul.inline ul.gm_sub_in2 li:nth-of-type(5),
ul#global_menu li ul.inline ul.gm_sub_in2 li:nth-of-type(6),
ul#global_menu li ul.inline ul.gm_sub_in2 li:nth-of-type(7) {
	padding-left: 0;
	border-left: 3px solid #8691C8;
}

ul#global_menu li ul.inline ul.gm_sub_in3 {
	top: -9px;
}

ul#global_menu li ul.inline ul.gm_sub_in3 li:nth-of-type(3),
ul#global_menu li ul.inline ul.gm_sub_in3 li:nth-of-type(4),
ul#global_menu li ul.inline ul.gm_sub_in3 li:nth-of-type(5),
ul#global_menu li ul.inline ul.gm_sub_in3 li:nth-of-type(6),
ul#global_menu li ul.inline ul.gm_sub_in3 li:nth-of-type(7) {
	padding-left: 0;
	border-left: 3px solid #8691C8;
}

ul#global_menu li ul.menu02 ul.gm_sub {
	left: 214px;
}

ul#global_menu li ul.menu03 ul.gm_sub {
	left: 220px;
}

/* -----------------------------------------------

	8. SPサイトへ

----------------------------------------------- */

#backtosp a {
	display: block;
	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
	padding: 60px 0;
	font-size: 3.5em;
}

#backtosp span {
	display: block;
	padding: 0;
	text-align: center;
	font-weight: bold;
        /*Other Browser*/
        background: #2e63d5;
        /*For Old WebKit*/
        background: -webkit-linear-gradient(
	  #306dec 0%,
	  #2d5cc6 100%
        );
        /*For Modern Browser*/
        background: linear-gradient(
	  #306dec 0%,
	  #2d5cc6 100%
        );
}