@charset "Shift_JIS";

/* --------------------------------------------------------------------
	ユーザー定義　画像hover表現
--------------------------------------------------------------------- */
#header a:hover img,
.leftmenuframe_ a:hover img,
.rightmenuframe_ a:hover img,
.img_ a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	background-color:transparent\0/;
}

/* --------------------------------------------------------------------
	ユーザー定義　ヘッダー
--------------------------------------------------------------------- */
#header {
	width: 100%;
	zoom:1;
	padding-bottom: 10px;
	background-image: url(../img/usr/common/header_bg.png);
	background-position: left top;
	background-repeat: repeat-x;
	position: relative;
}
#header .header_inner_:after,
#header #headernav:after,
#header ul.customer_menu_:after,
#header #globalnav:after {
	content: "";
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
#header .header_inner_ {
	width: 980px;
	padding:0;
	margin:0 auto;
	zoom:1;
}
#header #hnav {
	height:32px;
 margin-bottom:23px;
	overflow: hidden;
}
#header #hnav ul {
	float: right;
	display: inline;
	overflow: hidden;
}
#header #hnav ul li {
	float: left;
	display: inline;
}
#header #hnav ul li a {
	display: block;
	color: #221a1a;
	line-height:32px;
	padding: 2px 16px 0;
}
#header #headernav {
	float: right;
	display: inline;
	overflow: hidden;
}
#header.cart_ #headernav {
}
#header #sitelogo {
	float: left;
	display: inline;
	width: 330px;
	height: 90px;
}
#header #sitelogo a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}


#header ul.customer_menu_ {
	float: right;
	display: inline;
	overflow: hidden;
	padding-bottom: 23px;
}
#header ul.customer_menu_ li {
	float: left;
	display: inline;
	width: 108px;
	height: 24px;
}
#header ul.customer_menu_ li a {
	display: block;
 padding-left:25px;
	height: 24px;
 line-height:24px;
 text-align:left;
	background-position: 3px center;
	background-repeat: no-repeat;
 color:#000000;
/*
	text-indent: -99999px;
*/
}

#header ul.customer_menu_ li a:hover {
 color:#da1404;
/*
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
*/
}
/**/
#header ul.customer_menu_ li#gnav_entry a {
	background-image: url(../img/usr/common/gnav_entry.png);
}
#header ul.customer_menu_ li#gnav_logoin a {
	background-image: url(../img/usr/common/gnav_logoin.png);
}
#header ul.customer_menu_ li#gnav_mypage a {
	background-image: url(../img/usr/common/gnav_mypage.png);
}
#header ul.customer_menu_ li#gnav_cart a {
	background-image: url(../img/usr/common/gnav_cart.png);
}
#header ul.customer_menu_ li#gnav_logout a {
	background-image: url(../img/usr/common/gnav_logout.png);
}
/**/
#header #globalnav {
	clear: both;
	overflow: hidden;
	width: 648px;
}
#header #globalnav li {
	float: left;
	display: inline;
 width:216px;
	height: 30px;
}
#header #globalnav li a {
	height: 30px;
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
 color:#000000;
 text-align:center;
 font-size:15px;
 font-weight:bold;
 line-height:30px;
 border-right:1px #eeeeee solid;
/*
	text-indent: -9999px;
*/
}
#header #globalnav li:first-child a {
 border-left:1px #eeeeee solid;
}
#header #globalnav li a:hover {
 color:#ffffff;
 text-decoration:none;
 background:#c62a19;
}
/*
#header #globalnav li a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#header #globalnav li#gnav_new a {
	background-image: url(../img/usr/common/gnav_new.png);
}
#header #globalnav li#gnav_brand a {
	background-image: url(../img/usr/common/gnav_brand.png);
}
#header #globalnav li#gnav_limited a {
	background-image: url(../img/usr/common/gnav_limited.png);
}
#header #globalnav li#gnav_limitedlist a {
	background-image: url(../img/usr/common/gnav_limitedlist.png);
}
*/

/* --------------------------------------------------------------------
	ユーザー定義　TOPページヘッダー 検索
--------------------------------------------------------------------- */
#header_search {
	width: 100%;
	margin-bottom: 20px;
}
#header_search .header_inner_ {
	width: 960px;
	height:30px;
	margin:0 auto;
	zoom:1;
}
#header_search .header_inner_:after,
#header_search_box:after,
#header_search_keyward:after,
#header_search_keyword ul:after {
	content: "";
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
#header_search_box {
	width: 200px;
 margin-left:90px;
	float:left;
	zoom:1;
	background:url(../img/usr/common/search_bg.png) left top no-repeat;
}
#header_search_box input {
	margin:0;
	padding:0;
	float:left;
	/*color:#999999;*/
}
#header_search_box input.go_:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}






#header_search_box p {
	height:24px;
	line-height:24px;
	padding:0 0 0 15px;
	float:left;
}
#header_search_box p a {
	padding:0 0 0 8px;
	font-size:11px;
	text-decoration:underline;
	background:url(../img/usr/common/topic_arrow.png) left center no-repeat;
}
#header_search_box input#keyword {
	width: 160px;
	height:24px;
	line-height:24px;
	padding:0 0 0 10px;
	border:none;
	font-size: 14px;
	/*font-weight: bold;*/
 background:inherit;
}
#header_search_keyword {
	width:440px;
	height:24px;
	line-height:24px;
	float:right;
	zoom:1;
}
#header_search_keyword h2 {
	width:110px;
	padding:0 0 0 25px;
	font-weight:bold;
	background:url(../img/usr/common/ico_keyword.png) left 6px no-repeat;
	float:left;
}
#header_search_keyword ul {
	width:300px;
	height:24px;
	line-height:24px;
	float:right;
	overflow:hidden;
}
#header_search_keyword ul li {
	padding:0 0 0 10px;
	float:left;
}
#header_search_keyword ul li a {
	text-decoration:underline;
}

/* --------------------------------------------------------------------
	ユーザー定義　ビジュアル
--------------------------------------------------------------------- */
#mainvisual {
	width:600px;
	height:260px;
	margin-bottom:30px;
	position:relative;
}

/* --------------------------------------------------------------------
	ユーザー定義　イベントバナー[静的]
--------------------------------------------------------------------- */
div.event_pickup_banner_ {
	margin-bottom:30px;
	border-left:#e5e5e5 1px solid;
	border-right:#e5e5e5 1px solid;
	border-bottom:#e5e5e5 1px solid;
}
div.event_pickup_banner_ ul {
	padding:10px 0 10px 20px;
	overflow:hidden;
}
div.event_pickup_banner_ ul li {
	margin:0 10px 10px 0;
	float:left;
}
div.event_pickup_banner_ ul li a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	background-color:transparent\0/;
}

/* --------------------------------------------------------------------
	ユーザー定義　フッター
--------------------------------------------------------------------- */
#footer {
 margin-top:180px;
	padding: 24px 0 18px;
 background:#c62a19;
/*
	background-image: url(../img/usr/common/footer_bg2.png);
	background-position: center bottom;
	background-repeat: no-repeat;
*/
}
#footer .footer_inner_ {
	width:980px;
	margin:0 auto;
	position:relative;
}
#footer #footer_pagetop {
	position:absolute;
	top: -127px;
	right: -1px;
}
#footer .change_mode_ {
	width:300px;
	height:20px;
	margin:0 auto 20px;
    text-align:center;
	line-height:20px;
	overflow:hidden;
}
#footer .change_mode_ span {
	width:149px;
	height:20px;
	margin:0 auto;
    text-align:center;
	line-height:20px;
	display:block;
	color:#eeeeee;
	float:right;
	background:#d3d3d3;
}
#footer .change_mode_ a {
	width:149px;
	height:20px;
	margin:0 auto;
    text-align:center;
	line-height:20px;
	display:block;
	color:#ffffff;
	float:left;
	background:#666666;
}
#footer .change_mode_ a:hover {
	text-decoration:none;
	background:#3fbf0d;
}
#footernav {
	float: left;
	display: inline;
	overflow: hidden;
	padding: 0 200px 0 0;
}
#footernav li {
	float: left;
	display: inline;
}
#footernav li.first_ {
}
#footernav li a {
}
#footernav li a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#copyright {
	float: right;
	display: inline;
	line-height: 40px;
 color:#ffffff;
}
#footersns {
	overflow: hidden;
	float: left;
	display: inline;
 padding-top:5px;
}
#footersns li {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
}
#footersns li a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/**/
/*　clearfix　*/  
#footer .footer_inner_:after{  
    content:".";  
    display:block;  
    height:0;  
    clear:both;  
    visibility:hidden;  
}  
#footer .footer_inner_{ display:inline-block;}  
/* HIdes from IE-mac */  
*html #footer .footer_inner_{ height:1%;}  
#footer .footer_inner_{ display:block;}  
/* End hide from IE-mac */
/* --------------------------------------------------------------------
	ユーザー定義　フッタ　リンク
--------------------------------------------------------------------- */
#footer_link {
	width: 100%;
/*
	background-color: #f9f6ec;
	border-top: 1px solid #dddddd;
*/
}
#footer_link .footerlink_inner_ {
	width: 1000px;
	margin: 0 auto;
}
#footer_link .footerlink_inner_ h2{
width:249px;
height:72px;
text-indent:-99999px;
background:url(../img/usr/common/logo_koikeya_footer.png) center center no-repeat;
background-size:auto 20px;
float:left;
	border-left: 1px solid #ddd;
}
#footer_link .footerlink_inner_ h2 {
}
#footer_link .footerlink_inner_ ul {
 width:750px;
 float:right;
	overflow: hidden;
}
#footer_link .footerlink_inner_ ul li {
	float: left;
	display: inline;
	width: 25%;
    /*font-size: 10px;*/
	height: 72px;
    line-height: 72px;/*line-height:1;*/
    text-align: center;
    padding:0;
 font-size:12px;
 letter-spacing: 0.1em;
/* */
}
#footer_link .footerlink_inner_ ul li a {
 /*padding:30px 0;*/
 display:block;
	color: #666666;
	border-right: 1px solid #ddd;
}
#footer_link .footerlink_inner_ ul li a:hover {
 font-weight:bold;
 background:#f0f0f0;
 text-decoration:none;
}
#footer_link .footerlink_inner_ ul li:first-child a{
	border-left: 1px solid #ddd;
}
#footer_link .footerlink_inner_ ul li.current_ {
	color: #fff;
	background-color: #000000;
 font-weight:bold;
}
/* --------------------------------------------------------------------
	ユーザー定義　トップページバナー
--------------------------------------------------------------------- */
div.top_banner_ {
	padding-bottom: 10px;
}
div.top_banner_ ul {
	width: 750px;
	overflow: hidden;
}
div.top_banner_ ul li {
	float: left;
	display: inline;
	margin: 0 10px 10px 0;
}
div.top_banner_ ul li a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/* --------------------------------------------------------------------
	ユーザー定義　トップ ビジュアル
--------------------------------------------------------------------- */
#toppage .container_ {
	padding-top: 431px;
	position: relative;
}
.visual_ {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 431px;
    padding: 0;
    text-align: center;
/*
	background-image: url(../img/usr/visual/visual_bg.png);
	background-position: center top;
	background-repeat: repeat-x;
*/
}

/*
.visual_ .visual_chara1_ {
	position: absolute;
	left: 50%;
	top: 284px;
	width: 312px;
	height: 120px;
	margin-left: -525px;
	background-image: url(../img/usr/visual/chara1.png);
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 150;
}
.visual_ .visual_chara2_ {
	position: absolute;
	left: 50%;
	top: 300px;
	width: 77px;
	height: 117px;
	margin-left: -171px;
	background-image: url(../img/usr/visual/chara2.png);
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 150;
}
.visual_ .visual_chara3_ {
	position: absolute;
	left: 50%;
	top: 310px;
	width: 90px;
	height: 97px;
	margin-left: 107px;
	background-image: url(../img/usr/visual/chara3.png);
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 150;
}
.visual_ .visual_chara4_ {
	position: absolute;
	left: 50%;
	top: 294px;
	width: 87px;
	height: 126px;
	margin-left: 224px;
	background-image: url(../img/usr/visual/chara4.png);
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 150;
}
.visual_ .visual_chara5_ {
	position: absolute;
	left: 50%;
	top: 245px;
	width: 150px;
	height: 177px;
	margin-left: 365px;
	background-image: url(../img/usr/visual/chara5.png);
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 150;
}
*/
.visual_ .visual_chara1_ ,
.visual_ .visual_chara2_ ,
.visual_ .visual_chara3_ ,
.visual_ .visual_chara4_ ,
.visual_ .visual_chara5_ {
 display:none;
}
#header ul.customer_menu_ li#gnav_cart .qty_ {
    width: 18px;
    height: 18px;
    position: absolute;
    text-align: center;
    color: #fff;
    z-index: 10;
    font-size: 10px;
}

span#jscart_replace2_ {
    border-radius: 50%;
    background: #C62F19;
    display: inline-block;
    height: 18px;
    width: 18px;
}

/* --------------------------------------------------------------------
	ユーザー定義　お買い上げ明細書ボタン
--------------------------------------------------------------------- */

.pdf_button_ {
    margin: 5px;
    text-align:center;
    vertical-align:middle;
    background-image:url('../img/sys/button/pdf_download.png');
    width:280px;
    height:25px;
}
a.pdf_button_a_ {
    line-height: 25px;
    font-weight: bold;
    color:#FFF;
    text-decoration: none;
}


/* --------------------------------------------------------------------
	ヘッダー固定
--------------------------------------------------------------------- */
#header {
    background-color: #fff;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.is-fixed {
    position: fixed!important;
    top: 0;
    z-index: 9999;
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.is-fixed #hnav {
    display: none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
#header.is-fixed {
    background-image: none;
    height: 58px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
#header.is-fixed #header{
    background-image: none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.is-fixed img {
    width: 50%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
#header.is-fixed #sitelogo {
    padding: 5px 0 0 0;
    height: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
#header.is-fixed headernav {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
#header ul.customer_menu_ {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    padding-bottom: 5px;
}
#header.is-fixed .optimaizedH1 {
    display: none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}


/* --------------------------------------------------------------------
	Google reCAPTCHA
-------------------------------------------------------------------- */
.grecaptcha-badge {
	bottom: 85px !important;
}