@import url("html5reset-1.6.1.css");
@import url("reset.css");
@import url("base.css");

/* For modern browsers */
.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom:1;
}

a,a:link,a:visited {
outline:none;
}
a:focus{
outline:none;
}
div#main_container a {
    color: #DB0071;
    text-decoration: none;
}
div#main_container a:hover {
    text-decoration: underline;
}

/*responcive*/
a#btn_toggle_menu,#btn_toggle_menu{
	display:none;
}


/*---- パンくず ----*/
div#global_bc{
	width:100%;
	height:34px;
	font-size:10px;
	border-bottom:1px solid #DADADA;
	background-color:#fff;
	background-image:url(../images/bcbg.gif);
}
div#global_bc a{
	color:#e82687;
}
div#global_bc a:hover{
	text-decoration:underline;
}
div#global_bc:before,div#global_bc:after{
	content:"";
	display:table;
}
div#global_bc:after{
	clear:both;
}
*html div#global_bc {
	font-size: 11px;
}
div#global_bc div#bcwrap{
	width:980px;
	margin:0 auto;
	padding:0 10px;

}
div#global_bc div#bc{
	background-image:url(../images/bcbg2.gif);
}
div#global_bc div ul{
	width:980px;
	height:34px;
	padding-left:7px;
	overflow:hidden;
}

div#global_bc li{
	float:left;
	line-height:34px;
}
/*---------- page top button------------*/
p#common_pagetop {

	width:46px;
	height:46px;
	clear: both;
	float: right;
	position: fixed;
	right: 20px;
	bottom: 90px;
	zoom:1;
}
p#common_pagetop a{
	background-image:url(../images/btn_gototop.png);
	text-indent:-999em;
	width:46px;
	height:46px;
	display:block;
}
p#common_pagetop a:hover{
	background-position:0 -46px;
}
/*---------- pageback button -------*/
p#pageback{
	background-image:url(../images/pageback.gif);
	width:112px;
	height:12px;
	text-indent:-999em;
	overflow: hidden;
	margin-left:11px;
}
p#pageback a{
	width:112px;
	height:12px;
	display:block;
}
p#pageback a:hover{
	background-image:url(../images/pageback.gif);
	background-position:0 -12px;
}
/* ---------- header ---------- */

div#global_header{
	width:100%;
	height:87px;
	border-top:3px solid #F24FA0;
	border-bottom:1px solid #DADADA;
	background-color:#fff;
}
div#global_header.headerbg{
	background-image:url(../images/headerbg.gif);
}
div#global_header:before, div#global_header:after {
	content:"";
	display:table;
}
div#global_header:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
div#global_header{
	zoom:1;
}
div#global_header #global_header_inner{
	width:980px;
	height:50px;
	margin:0 auto;
	padding:0 10px;
	position:relative;
}
div#global_header h1{
	background-image:url(../images/gh_logo.gif);
	margin-top:10px;
	width:70px;
	height:64px;
	display:block;
	float:left;
}
div#global_header h1 a{
	width:70px;
	height:64px;
	display:block;
	text-indent:-999em;
}
div#global_header strong{
	background-image:url(../images/h_catch.gif);
	margin-top:37px;
	margin-left:10px;
	width:134px;
	height:37px;
	text-indent:-999em;
	float:left;
}

ul#header_list{
	/*float:right;
	margin-top:10px;*/
	position: absolute;
	top: 10px;
	right: 10px;

}
ul#header_list li{
	float:left;
	text-indent:-999em;
	height:16;
	margin-left:12px;
}
/* 会社情報 */
ul#header_list li#h_info{
	background-image:url(../images/btn_info.gif);
	overflow: hidden;
	width:65px;
	height:16px;
}
ul#header_list li#h_info a{
	width:65px;
	height:16px;
	display:block;
}
ul#header_list li#h_info a:hover{
	background-image:url(../images/btn_info.gif);
	background-position:0 -16px;
	width:65px;
	height:16px;
}
/* 採用情報 */
ul#header_list li#h_recruit{
	background-image:url(../images/btn_recruit.gif);
	overflow: hidden;
	width:64px;
	height:16px;
}
ul#header_list li#h_recruit a{
	width:64px;
	height:16px;
	display:block;
}
ul#header_list li#h_recruit a:hover{
	background-image:url(../images/btn_recruit.gif);
	background-position:0 -16px;
	width:64px;
	height:16px;
}
/* プレスリリース */
ul#header_list li#h_release{
	background-image:url(../images/btn_release.gif);
	overflow: hidden;
	width:93px;
	height:16px;
}
ul#header_list li#h_release a{
	width:93px;
	height:16px;
	display:block;
}
ul#header_list li#h_release a:hover{
	background-image:url(../images/btn_release.gif);
	background-position:0 -16px;
	width:93px;
	height:16px;
}
/* お客様サポート */
ul#header_list li#h_support{
	background-image:url(../images/btn_support.gif?0807);
	overflow: hidden;
	width:89px;
	height:16px;
}
ul#header_list li#h_support a{
	width:89px;
	height:16px;
	display:block;
}
ul#header_list li#h_support a:hover{
	background-image:url(../images/btn_support.gif?0807);
	background-position:0 -16px;
	width:89px;
	height:16px;
}
/* よくあるご質問 */
ul#header_list li#h_qa{

	overflow: hidden;
	width:97px;
	height:16px;
}
ul#header_list li#h_qa a{
	background-image:url(../images/btn_qa.gif);
	width:97px;
	height:16px;
	display:block;
}
ul#header_list li#h_qa a:hover{
	background-position:0 -16px;
	width:97px;
	height:16px;
}

/* リンク集 */
ul#header_list li#h_link{
	background-image:url(../images/btn_link.gif);
	overflow: hidden;
	width:61px;
	height:16px;
	cursor:pointer;
}
ul#header_list li#h_link a{
	width:61px;
	height:16px;
	display:block;
}
ul#header_list li#h_link a:hover{
	background-image:url(../images/btn_link.gif);
	background-position:0 -16px;
	width:61px;
	height:16px;
}
/* 携帯サイト */
ul#header_list li#h_mobile{
	background-image:url(../images/btn_mobile.gif);
	overflow: hidden;
	width:72px;
	height:16px;
}
ul#header_list li#h_mobile a{
	width:72px;
	height:16px;
	display:block;
}
ul#header_list li#h_mobile a:hover{
	background-image:url(../images/btn_mobile.gif);
	background-position:0 -16px;
	width:72px;
	height:16px;
}
/* OEM */
ul#header_list li#h_oem{
	background-image:url(../images/btn_oem.gif);
	overflow: hidden;
	width:96px;
	height:16px;
}
/* ビジネスのお客様 */
ul#header_list li#h_business{
	background-image:url(../images/btn_business.gif);
	overflow: hidden;
	width:110px;
	height:16px;
}
ul#header_list li#h_oem a{
	width:110px;
	height:16px;
	display:block;
}
ul#header_list li#h_oem a:hover{
	background-image:url(../images/btn_business.gif);
	background-position:0 -16px;
}
ul#header_list li#h_business a{
	width:110px;
	height:16px;
	display:block;
}
ul#header_list li#h_business a:hover{
	background-image:url(../images/btn_business.gif);
	background-position:0 -16px;
}
/* RSS */
ul#header_list li#h_rss{
	background-image:url(../images/btn_rss.gif);
	overflow: hidden;
	width:51px;
	height:16px;
}
ul#header_list li#h_rss a{
	width:51px;
	height:16px;
	display:block;
}
ul#header_list li#h_rss a:hover{
	background-image:url(../images/btn_rss.gif);
	background-position:0 -16px;
	width:51px;
	height:16px;
}
/* HOME*/
ul#header_list li#h_home{
	background-image:url(../images/btn_home.gif);
	overflow: hidden;
	width:64px;
	height:16px;
}
ul#header_list li#h_home a{
	width:64px;
	height:16px;
	display:block;
}
ul#header_list li#h_home a:hover{
	background-image:url(../images/btn_home.gif);
	background-position:0 -16px;
	width:64px;
	height:16px;
}

/*----- search form -------*/
#SS_searchForm{
	position:relative;
	width:390px;
	height:40px;
	line-height:40px;
	/*float:right;*/
	position:absolute;
	top:36px;
	right:10px;
	/*margin-top:10px;*/
	display:block;
	background-image:url(../images/form_bg.gif);
}
#SS_searchForm #SS_searchQuery{
	border: 1px solid #cccccc;
	color:#000;
	padding:6px 5px;
	margin:0px;
	width:269px;
	font-size:12px;
	line-height:12px;
	vertical-align: middle;
	height:12px;
	position:absolute;
	top:7px;
	left:8px;
}
#SS_searchForm #SS_searchQuery:focus{
	outline: none;
}
/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
#SS_searchForm #SS_searchQuery:placeholder-shown {
    color: #9F9F9F; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
#SS_searchForm #SS_searchQuery::-webkit-input-placeholder {
    color: #9F9F9F; }

/* Firefox 18- */
#SS_searchForm #SS_searchQuery:-moz-placeholder {
    color: #9F9F9F; opacity: 1; }

/* Firefox 19+ */
#SS_searchForm #SS_searchQuery::-moz-placeholder {
    color: #9F9F9F; opacity: 1; }

/* IE 10+ */
#SS_searchForm #SS_searchQuery:-ms-input-placeholder {
    color: #9F9F9F; }

form#search_form{
	position:relative;
	width:390px;
	height:40px;
	line-height:40px;
	/*float:right;*/
	position:absolute;
	top:36px;
	right:10px;
	/*margin-top:10px;*/
	display:block;
	background-image:url(../images/form_bg.gif);
}
input#input_search_word{
	border: 1px solid #cccccc;
	color:#000;
	padding:6px 5px;
	margin:0px;
	width:269px;
	font-size:12px;
	line-height:12px;
	vertical-align: middle;
	height:12px;
	position:absolute;
	top:7px;
	left:8px;
}
/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
#input_search_word:placeholder-shown {
    color: #ccc; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
#input_search_word::-webkit-input-placeholder {
    color: #ccc; }

/* Firefox 18- */
#input_search_word:-moz-placeholder {
    color: #ccc; opacity: 1; }

/* Firefox 19+ */
#input_search_word::-moz-placeholder {
    color: #ccc; opacity: 1; }

/* IE 10+ */
#input_search_word:-ms-input-placeholder {
    color: #ccc; }
button#btn_isearch{
	width:86px;
	height:24px;
	line-height: 44px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #FFFFFF;
	border: 0;
	background-image:url(../images/btn_search.jpg);
	position:absolute;
	top:8px;
	right:8px;
	text-indent:-999px;
	overflow:hidden;
}

/* ---------- navigation ---------- */
div#global_navi{
	width:100%;
	background-color:#fff;
	border-bottom:1px solid #DADADA;
	display:block;
}
div#global_navi:before, div#global_navi:after {
	content:"";
	display:table;
}
div#global_navi:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
div#global_navi{
	zoom:1;
}
div#global_navi #global_navi_inner{
	width:980px;
	margin:0 auto;
	padding:0 10px;
}
div#global_navi ul{
}
div#global_navi ul li{
	float:left;
	width:135px;
	height:44px;
	display:block;
	text-indent:-999px;
	overflow:hidden;
}

/*-- 商品を探す --*/
div#global_navi ul li#n_items{
	background-image:url(../images/n_items.jpg);
	width:140px;height:44px;
	overflow: hidden;
}
div#global_navi ul li#n_items a{
	width:140px;height:44px;
	display:block;
}
/*-- 激アーツ特選 --*/
div#global_navi ul li#n_tokusen{
	background-image:url(../images/n_tokusen.jpg);
	width:140px;height:44px;
	overflow: hidden;
}
div#global_navi ul li#n_tokusen a{
	width:140px;height:44px;
	display:block;
}
/*-- おすすめ商品 --*/
div#global_navi ul li#n_osusume{
	background-image:url(../images/n_osusume.jpg);
	width:140px;height:44px;
	overflow: hidden;
}
div#global_navi ul li#n_osusume a{
	width:140px;height:44px;
	display:block;
}
/*-- ディズニー --*/
div#global_navi ul li#n_disney{
	background-image:url(../images/n_disney.jpg);
	width:140px;height:44px;
	overflow: hidden;
}
div#global_navi ul li#n_disney a{
	width:140px;height:44px;
	display:block;
}
/*-- ディズニー --*/
div#global_navi ul li#n_pokemon{
	background-image:url(../images/n_pokemon.jpg);
	width:140px;height:44px;
	overflow: hidden;
}
div#global_navi ul li#n_pokemon a{
	width:140px;height:44px;
	display:block;
}
/*-- イベント・キャンペーン --*/
div#global_navi ul li#n_event{
	background-image:url(../images/n_event.jpg);
	width:139px;height:44px;
	overflow: hidden;
}
div#global_navi ul li#n_event a{
	width:139px;height:44px;
	display:block;
}
/*-- スペシャルサイト --*/
div#global_navi ul li#n_specials{
	background-image:url(../images/n_specials.jpg);
	width:141px;height:44px;
	overflow: hidden;
}
div#global_navi ul li#n_specials a{
	width:141px;height:44px;
	display:block;
}
/* ---------- footer ---------- */
div#footer_annotation{
	background-color:#fafafa;
	height:48px;
	border-top:1px solid #DADADA;
	width:100%;
	position:relative;
}

div#global_footer{
	width:100%;
	height:87px;
	background-color:#fff;
	border-top:1px solid #DADADA;
	background-color:#fff;
	background-image:url(../images/footerbg.gif);
}
div#footer_annotation_inner p{
	/*background-image:url(../images/tax_annotation.gif);
	width:619px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	margin-top:10px;*/
	font-size: 10px;
	padding: 10px;
	text-indent: -0.5em;
	margin: 0 auto;
	line-height: 1.4em;
}
div#global_footer #global_footer_inner,div#footer_annotation_inner{
	width:980px;
	margin:0 auto;
	padding:0 10px;
	position:relative;
}
div#global_footer #global_footer_inner p{
	background-image:url(../images/name.gif);
	width:181px;
	height:13px;
	overflow:hidden;
	float:right;
	margin-top:14px;
	text-indent:-999em;
}
div#global_footer small{
	/*text-indent:-999em;*/
	/*background-image:url(../images/copyright.gif);*/
	/*width:144px;
	height:9px;*/
	/*overflow:hidden;*/
	position:absolute;
	top:34px;
	right:10px;


}
div#global_footer ul {
	margin-top:13px;
	float:left;
}
div#global_footer ul li{
	float:left;
	height:11px;
	margin-right:11px;
	text-indent:-999em;
}
/* プライバシーポリシー */
div#global_footer ul li#f_privacy{
	background-image:url(../images/btn_privacy.gif);
	overflow: hidden;
	width:128px;
	height:11px;
}
div#global_footer ul li#f_privacy a{
	width:128px;
	height:11px;
	display:block;
}
div#global_footer ul li#f_privacy a:hover{
	background-image:url(../images/btn_privacy.gif);
	background-position:0 -11px;

}
/* サイトポリシー */
div#global_footer ul li#f_sitepolicy{
	background-image:url(../images/btn_sitepolicy.gif);
	overflow: hidden;
	width:89px;
	height:11px;
}
div#global_footer ul li#f_sitepolicy a{
	width:89px;
	height:11px;
	display:block;
}
div#global_footer ul li#f_sitepolicy a:hover{
	background-image:url(../images/btn_sitepolicy.gif);
	background-position:0 -11px;

}
/* お問い合わせ */
div#global_footer ul li#f_contact{
	background-image:url(../images/btn_contact.gif);
	overflow: hidden;
	width:70px;
	height:11px;
}
div#global_footer ul li#f_contact a{
	width:70px;
	height:11px;
	display:block;
}
div#global_footer ul li#f_contact a:hover{
	background-image:url(../images/btn_contact.gif);
	background-position:0 -11px;

}
/* サイトマップ */
div#global_footer ul li#f_sitemap{
	background-image:url(../images/btn_sitemap.gif);
	overflow: hidden;
	width:77px;
	height:11px;
}
div#global_footer ul li#f_sitemap a{
	width:77px;
	height:11px;
	display:block;
}
div#global_footer ul li#f_sitemap a:hover{
	background-image:url(../images/btn_sitemap.gif);
	background-position:0 -11px;

}

/* ---------- content ---------- */
div#content_wrapper{
	width:100%;
	background-color:#ffffff;
}
ul{
	list-style:none;
}
a{
	text-decoration:none;
}
/*----- main_container -----*/
div#main_container {
	position: relative;
	margin: 0 auto;
	padding: 0 25px;
	width: 940px;
}
/*----- main_content -----*/
div#main_container:before, div#main_container:after{
	content:"";
	display:table;
}
div#main_container:after {
	clear:both;
}
div#main_container {
	zoom:1;
}
div#main_content{
	position: relative;
	margin: 0 auto;
	padding: 0 10px;
	width:980px;
}
div#main_content:before,div#main_content:after{
	content:"";
	display:table;
}
div#main_content:after{
	clear:both;
}
div#main_content {
	zoom:1;
}
div#main_content a{
	color:#e82687;
	text-decoration:none;
}

div#main_content a:hover{
	text-decoration:underline;
}
/*------------------*/
div#content{
	margin:0 10px;
}
/*---border --*/
.gborder_a{
	border-bottom:1px solid #000;
}
.gborder_b{
	border-bottom:1px solid #000;
}

/* banner */
ul#banners{
	width:220px;
	margin:0 auto;
	margin-bottom:7px;
}
ul#banners li{
	margin-top:7px;
	width:220px;
	display:block;
	text-indent:-999em;
}
ul#banners li a{
	width:220px;
	display:block;
	text-indent:-999em;
}
ul#banners li.img a{
	text-indent:0;
}
div#to_sp{

background-color:#f6f6f6;
}
div#to_sp a{
	-webkit-tap-highlight-color:rgba(0,0,0,0.1);
	-webkit-touch-callout:none;
	margin:30px auto;
	width:894px;
	height:84px;
	display:block;
	position:relative;
	color:#000;
	border:3px solid #cccccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #e7e7e7));
background: -webkit-linear-gradient(top, #fff 0%, #e7e7e7 100%);
background: -moz-linear-gradient(top, #fff 0%,  #e7e7e7 100%);
background: -o-linear-gradient(top, #fff 0%,  #e7e7e7 100%);
background: -ms-linear-gradient(top, #fff 0%,  #e7e7e7 100%);
background: linear-gradient(to bottom, #fff 0%, #e7e7e7 100%);
}
div#to_sp a span{
	position:absolute;

}
div#to_sp a span#icon_sp{
background-image:url(../images/icon_sp.png);
background-size:42px 66px;
width:42px;
height:66px;
top:10px;
left:20px;
}
div#to_sp a span#arrow_pink{
background-image:url(../images/arrow.png);
background-size:32px 55px;
width:32px;
height:55px;
top:15px;
right:20px;
}
div#to_sp a p{
	vertical-align: middle;
	width:100%;
	margin-top:27px;
	font-size:30px;
	line-height:30px;
	text-align:center;
	position:absolute;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
	div#to_sp a span#icon_sp{
	background-image:url(../images/icon_sp@1.5x.png);
	}
	div#to_sp a span#arrow_pink{
background-image:url(../images/arrow@1.5x.png);
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2) {
	div#to_sp a span#icon_sp{
background-image:url(../images/icon_sp@2x.png);
	}
	div#to_sp a span#arrow_pink{
background-image:url(../images/arrow@2x.png);
}
	}


/* スペシャルサイト　レコメンデーション*/
div#recommend_sites{
	width:980px;
	border:2px solid #fff;
	background-color:#01b5f0;
	padding:4px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	margin:0px auto;
}

div#recommend_sites h3{
	width:73px;
	height:102px;
	float:left;
	background-repeat: no-repeat;
	text-indent:-999px;
	overflow:hidden;
	background-position: center;
}

div#recommend_sites.osusume h3{
background-image:url(../images/specialsite_recommend/osusume.gif);
}
div#recommend_sites.drink h3{
background-image:url(../images/specialsite_recommend/drink.gif);
}
div#recommend_sites.beer h3{
background-image:url(../images/specialsite_recommend/beer.gif);
}
div#recommend_sites li{
width:175px;
height:102px;
display:block;
margin-left:4px;
float:left;
background-color:#54d5ff;
}

div#recommend_sites li a{
	border:none;
	display:inline-block;
	overflow:hidden;
}

div#recommend_sites li a:hover{
	border:#f64ea3 solid 2px;
}
div#recommend_sites li a:hover img{
	margin:-2px;
}