@charset "euc-jp";

html		{font-size: 75%; font-family:"Þ⥴¥·¥Ã¥¯" , "Yu Gothic" , "Þ⥴¥·¥Ã¥¯ÂÎ" , "YuGothic" , "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "¥á¥¤¥ê¥ª" , Meiryo , "£Í£Ó £Ð¥´¥·¥Ã¥¯" , "MS PGothic" , sans-serif;}
body		{font-size: 1em; width:100%;}
a			{color:#000000; background:transparent; text-decoration:none; vertical-align:baseline; margin:0; padding:0;}
a:hover		{color:#8e0000; text-decoration:underline;}
a:hover img	{filter: Alpha(opacity=70); opacity:0.7; transition: 0.4s;}
.f_left		{float:left;}
.f_right	{float:right;}
.m-body	{max-width:1100px; margin:0 auto;}
h1,h2,h3,h4	{font-weight:normal; font-size:100%; margin:0; padding:0; font-family: arial, helvetica, "¥á¥¤¥ê¥ª" , Meiryo , sans-serif;}
address{font-style:normal;}
#container{width:100%;}




/***********************----HEADER----************************/
.inner {
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */
#top-head {
    width: 100%;
    margin: 0 auto 0;
    padding: 20px 0;
    line-height: 1;
    z-index: 999;
}
#top-head .inner {
    position: relative;
}
#top-head .logo_area{
    margin: 12px 0 0;
}
#top-head .logo {
    float: left;
	margin:0 0 0 10px;
}
#top-head .logo span.sp{
	display:none;
}
#top-head h2.logo{
	color:#999999;
	font-size:1.6em;
	margin:5px 0 0 20px;
}
#top-head h2 span{
	display:block;
	color:#000000;
	font-family:"Impact","Arial Black", Gadget, sans-serif;
	font-size:1.3em;
	line-height:1.4;
	letter-spacing:1px;
}
#top-head h2 span span { display: inline !important; font-size:0.8em;}
#h_navi{
	float:right;
	width:48%;
	text-align:right;
	margin:0 10px 0;
}
#h_navi ul{
	float:right;
	margin:0 0 8px;
}
#h_navi li{
	float:left;
}
#h_navi ul.navi1 li{
	margin:0 0 0 7px;
}
#h_navi ul.navi2 li{
	margin:0 0 0 5px;
	padding:0 5px 0 0;
	border-right:1px solid #999999;
	line-height:1;
}
#h_navi ul.navi2 li a{
	font-size:0.9em;
	color:#999999;
}
#h_navi .soryo {
    font-weight: bold;
    font-size: 21px;
    background: #8f0100;
    display: inline-block;
    padding: 5px 6px;
    color: #fffc00;
}
#h_navi .soryo .tax{
    font-size: 16px;
}
#h_navi .soryo_sub{
    font-size: 10px;
    margin: 2px 0 0;
    text-align: right;
}
#global-nav div.bg{
	width:100%;
	background-color:#000000;
	padding:9px 0 8px;
}
#global-nav{
	margin:15px 0 0;
}
#global-nav ul {
}
#global-nav ul li {
    float: left;
}
#global-nav ul li a {
	font-size:1em;
	font-weight:bold;
	color:#ffffff;
	display:block;
	margin:7px 0 0 35px;
}

#global-nav li.search{
	float:right;
	margin-right:5px;
}
#global-nav li .search_tex{
	width:290px;
	height:27px;
	border:0;
	padding:0 0 0 5px;
	box-sizing:border-box;
	float:left;
}
#global-nav li .search_bt{
	float:left;
}

#mobile-head .dropdown{
	display:none;
}

 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 27px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 9px;
}
#nav-toggle span:nth-child(3) {
    top: 18px;
}



/**********2³¬ÁØÌܰʹß**********/
#h_sale_bnr{margin-top:-20px; width:100%; height:56px; background-image:url(../images/bnr/sale_h56.jpg); background-repeat:repeat-x;}
#h_sale_bnr a{display:block; width:100%; height:56px;}
#h_brandlist h3{font-size:11px;	font-weight:bold; text-align:center; line-height:1.4; margin:0 0 5px; padding:6px 0 4px; border-bottom:1px solid #dddddd;}
#h_brandlist li{float:left;	text-align:center; font-size:10px; margin:2px 10px 0 9px;}
#h_brandlist li img{height:37px;}
#h_brandlist li a{color:#666;}
#h_brand_bnr{margin:12px auto;}
#h_brand_bnr li{float:left; margin:0 1px 0 0;}
#h_brand_bnr li.last{border:0;}

/***********************----HEADER----************************/







/**********************----LEFTNAVI----***********************/
#leftnavi{width:330px;}
#leftnavi h3{background-color:#222222; font-size:13px; font-weight:bold; color:#fff; padding:5px 5px 5px 10px;}
#leftnavi_bnr{width:100px; float:left;}
#leftnavi_bnr li{margin-bottom:10px;}
#leftnavi_area{width:220px; float:right;}
#leftnavi .l_bnr li{margin-bottom:10px;}
#leftnavi .l_search{border:1px solid #222; margin:35px 0 0;}
#leftnavi .l_search .search_tex{border:0; width:180px; height:25px; padding:3px 0 3px 10px;}
#leftnavi .l_search .search_bt{padding:2px 0 0;}
#leftnavi .l_search .search_tex,#leftnavi .l_search .search_bt{float:left;}
#leftnavi .l_brandlist{margin:35px 0 0;}
#leftnavi .l_brandlist li img{float:left; margin:0 5px 0 0;}
#leftnavi .l_brandlist li{border-bottom:1px solid #eeeeee; height:60px; line-height:1.2;}
#leftnavi .l_brandlist li span{font-size:10px; display:block; padding:19px 0 0; color:#999999; margin:0 0 0;}
#leftnavi .l_brandlist li strong{font-size:11px;color:#000000;}
#leftnavi .l_brandlist li a{display:block;}
#leftnavi .l_brandlist li a:hover{text-decoration:underline; color:#000;}

#leftnavi .item_catg{margin:35px 0 0;}
#leftnavi .item_catg li{background-image:url(../images/leftnavi/arrow.jpg); background-repeat:no-repeat; background-position:200px 18px; border-bottom:1px solid #eeeeee; box-sizing:border-box;}
#leftnavi .item_catg li img{vertical-align:middle; margin:0 8px 0 0;}
#leftnavi .item_catg li a{display:block; font-size:12px; padding:10px 8px 8px;}
#leftnavi .item_catg li a:hover{text-decoration:underline; color:#000;}
#leftnavi .item_catg li.last{border:0;}
#leftnavi .item_catg li ul{border-top:1px solid #eeeeee; padding:8px 0;}
#leftnavi .item_catg li ul li{background-image:none; border:0;}
#leftnavi .item_catg li ul li a{font-size:10px; padding:6px 0 6px 48px;}

#leftnavi .l_mobile{margin:35px 0 0;}
#leftnavi .l_mobile ul{background-color:#eeeeee; padding:5px 0; box-sizing:border-box;}
#leftnavi .l_mobile li{padding:5px 10px;}
/**********************----LEFTNAVI----***********************/







/***********************----FOOTER----************************/
#brandlist{background-color:#fff;}

#brandlist h2{
	font-weight:bold;
	font-size:1.8em;
	text-align:center;
	border-bottom:1px solid #dddddd;
	padding-bottom:3px;
	margin-bottom:8px;
}

#brandlist p.h2{
	text-align:center;
	margin-bottom:35px;
}

#brandlist li{
	float:left;
	font-size:0.8em;
	color:#333333;
	text-align:center;
	width:23%;
	margin:0 1% 20px;
}

#brandlist li p.img img{
	width:100%;
	max-width:256px;
}

#brandlist li p.tex{
	width:100%;
}

#brandlist li p.tex span{
	font-weight:bold;
	display:block;
	width:100%;
	line-height:1.4;
	margin-top:5px;
}


#f_category{
	background-color:#f9f9f9;
	padding:50px 0;
}

#f_category .fc_leftbox{
	width:50%;
	padding:0 5%;
	box-sizing:border-box;
	float:left;
	border-right:1px solid #e8e8e8;
}

#f_category .fc_rightbox{
	width:50%;
	padding:0 5%;
	box-sizing:border-box;
	float:right;
}

#f_category h4{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
}

#f_category li{
	width:50%;
	float:left;
	margin:0 0 8px;
}


#f_info{
	background-color:#f2f2f2;
	width:100%;
}

#f_info h3{
	font-size:1em;
	font-weight:bold;
	text-align:center;
	line-height:1.6;
	padding:20px 0;
}

#f_info h4{
	color:#000000;
	text-align:center;
	border:1px solid #404040;
	padding:20px;
}


#f_info .information h3{
	font-size:1.4em;
	font-weight:bold;
	padding:20px 0 8px 0;
	margin:20px 0;
	border-bottom:1px dotted #222222;
	text-align:center;
}

#f_info .information h3 span{
	font-size:0.9em;
}

#f_info div.box{
	float:left;
	width:29%;
	margin:0 2%;
}

#f_info div.box h2{
	color:#000000;
	font-weight:bold;
	font-size:1.1em;
	letter-spacing:1.1;
	padding:0 0 5px 0;
	margin-bottom:8px;
	border-bottom:1px solid #222222;
	text-align:left;
}

#f_info div.box p{
	line-height:1.6;
	color:#000000;
	margin-bottom:40px;
}

#f_info div.box p span{
	color:#82000a;
}

#f_info div.box p a{
	color:#000000;
	text-decoration:underline;
}

#f_info div.box p a:hover{
	color:#82000a;
}
	
#sp_f_menu{
	padding:10px;
	background-color:#777;
}

#sp_f_menu li{
	float:left;
	margin:25px 10px 0 0;
	padding-right:10px;
	border-right:1px solid #fff;
	line-height:1.2;
}

#sp_f_menu li a{
	color:#fff;
}

#copyright{
	width:100%;
	font-size:1em;
	padding:15px;
	color:#ffffff;
	background-color:#222;
	text-align:center;
	box-sizing:border-box;
}
/***********************----FOOTER----************************/