@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}

body,html {
	background:#000;
	width:100%;
	height:100%;
	font-family:'Lato',-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}

a {
	color:#CFF;
}

p {
	color:#FFF;
}

table {
	color:#FFF;
}

#gmenu {
	display:block;
	position:fixed;
	right:-132px;
	top:0;
	height:100%;
	background:#FFF;
	
	width:220px;
	padding-top:80px;
	border-left:#e2e2e2 solid 1px;
	
	z-index:101;
}

#gmenu:hover {
	cursor:pointer;
}

.hidden {
	display:none;
}

.block {
	display:block;
}


#gmenu dt a {
	font-size:14px;
	color:#a4a4a4;
	text-align:left;
	font-weight:bold;
	display:block;
	padding:5px 14px;
	margin:15px auto 15px 23px;
	width:172px;
}

#gmenu dt a span {
	margin-left:34px;
}

#gmenu dt a:hover {
	background: #f2f2f2;
}

#gmenu dd {
	background:rgba(255,255,255,0.3);
	text-align:left;
	border-bottom:#666 1px solid;
	display:none;
}

#gmenu dd a {
	padding:20px 10px 20px 60px;
	display:block;
	color:#FFF;
}

#gmenu dd a:hover {
	background:rgba(0,0,0,0.1);
}

#gmenu .sns {
	padding:10px 0 10px 30px;
	text-align:left;
	vertical-align:middle;
}


#gmenu .sns#fb {
	margin-top:40px;
}

#gmenu .sns img {
	vertical-align:middle;
	padding-right:30px;
}

#gmenu .sns a {
	font-size:14px;
	color:#a4a4a4;
	vertical-align:middle;
}



.att {
  padding-left: 1em;
  text-indent: -1em;
}

#onlineshop {
	z-index:102;
	position:fixed;
	right:0;
	top:0;
	
	background:#C00 url(../images/common/arw05.png) right 10px top 18px no-repeat;
	color:#FFF;
	display:block;

	padding:10px 20px 15px 80px;
	text-align: right;
	font-weight:bold;
	
    -webkit-border-bottom-left-radius: 120%;  
    -moz-border-radius-bottomleft: 50%;  
	
}

#onlineshop:hover {
	background-color:#000;
}

#kuhl_logo {
	position:absolute;
	left:33px;
	top:33px;
}

.w1000 {
	width:1000px;
	margin: auto;
}

.w1010 {
	width:1010px;
	margin: auto;
}

.w1050 {
	width:1050px;
	margin: auto;
}

h2.title01 {
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	letter-spacing:1px;
	
	margin-bottom:10px;
}

h2.title02 {
	font-size:18px;
	color:#000;
	font-weight:bold;
	letter-spacing:1px;
	margin-bottom:10px;
}

h2.title02 span {
	font-size:14px;
	color:#707070;
}

.link01 {
	border:#939393 solid 1px;
	padding:10px 60px;
	background:url(../images/common/arw03.png) right 18px center no-repeat;
	color:#333;
	display:inline-block;
	font-size:18px;
	font-weight:bold;
}

.link01:hover {
	background-color:#333;
	color:#FFF;
}

.dotted {
	background:url(../images/common/dotted.png) repeat;
}

#footer {
	width:100%;
	margin-top:40px;
	border-top: #333333 solid 15px;
	background-color:#1A1A1A;
}

#footer #sitemap {
	width:1040px;
	margin:auto;
	padding-top:20px;
}

#footer #sitemap table {
	width:100%;
}

#footer #sitemap table td {
	background:url(../images/common/arrow01.png) no-repeat;
	padding-left:20px;
	padding-bottom:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	vertical-align: top;
}

#footer #sitemap table td a {
	color:#b3b2b3;
	font-size:14px;
}

#footer #sitemap table td ul {
	margin-top:5px;
}

#footer #sitemap table td ul li {
	margin-top:5px;
}


#footer #sitemap table td ul li a {
	font-size:12px;
}


#footer #sitemap table td.list {
	background:none;
	padding-left:20px !important;
}

#footer #copyright {
	background-color:#333;
	text-align:center;
	padding:10px;
	color:#FFF;
}




aside {
	display:none;
}


#insta_sp {
	display:none;
}

#kd_text {
	padding:40px 0;
	text-align:center;
	color:#FFF;
}


#recruit {
	padding:40px 0;
	background:#FFF;
}

#recruit .w1000 {
	border-right: #333 solid 1px;
}

#recruit h2 {
	font-size:18px;
	font-weight:bold;
	color:#333;
	margin-bottom:10px;
}

#recruit p {
	color:#333;
}

#recruit .left {
	width:640px;
	float:left;
}

#recruit .right {
	width:250px;
	float:left;
	padding-top:20px;
}

#gaiyou {
	padding:45px 0;
	background:#e8e8e8;
}

#gaiyou img {
	float:left;
	margin-right:55px;
}

#gaiyou .text h2 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}

#gaiyou .text p {
	font-size:16px;
	color:#000;
}



#completecar {
	background: url(../images/top/complete_back.jpg) no-repeat bottom center;
	background-size: 100%;
	text-align:center;
	
}

#completecar .w1000 {
	text-align:left;
}

#completecar .dotted {
	padding:60px 0 160px;
}

#completecar h2 {
	color:#FFF;
	text-align:center;
}

#completecar h2 span {
	color:#FFF;
}


#completecar dl {
	margin:10px 18px 15px 0;
	width:150px;
	display:inline-block;
	vertical-align:top;
}

#completecar dl dt {
	width:150px;
	text-align:center;
	margin:15px 0 10px;
}

#completecar dl dt a {
	display:block;
	padding:5px 0;
	border:#FFF solid 1px;
	background: rgba(255,255,255,0.5);
	color:#000;
	font-weight:bold;
}

#completecar dl dd {
	width:150px;
	text-align:center;
	margin-top:-1px;
}

#completecar dl dd a {
	display:block;
	padding:5px 0;
	border:#FFF solid 1px;
	color:#FFF;
}

#completecar dl a:hover {
	background-color:#CCC;
}


#completecar ul a:hover {
	background-color:#CCC;
}

#completecar ul {
	margin:60px 0 0;
}

#completecar ul li {
	margin:15px 18px 10px 0;
	display:inline-block;
}

#completecar ul li a {
	display:block;
	padding:5px 10px;
	border:#FFF solid 1px;
	background: rgba(255,255,255,0.5);
	color:#000;
	font-weight:bold;
}


ul#local_menu {
	position:absolute;
	top:0;
	right:300px;


}


ul#local_menu li {
	display:inline-block;
	margin:0 1px 0 0;
	text-align:center;

}

ul#local_menu li a {
	display:block;
	background:rgba(0,0,0,0.2);
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;
	
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;  
	
	color:#FFF;
	text-align:center;
	padding:5px 30px;
	font-size:14px;
}

ul#local_menu li a:hover {
	background-color:rgba(0,0,0,0.4);
}

ul#local_menu li a.on {
	background-color:rgba(255,255,255,0.8);
	color:#000;
}

ul#bottom_local_menu {
	padding:60px 0;
	text-align:center;
	background:#333;
}

ul#bottom_local_menu li {
	display:inline-block;
	margin:0 10px;
	width:210px;

}

ul#bottom_local_menu li a {
	text-align:center;
	font-size:16px;
	
	display:block;
	padding:6px 0;
	background:#999;
	color:#FFF;
	
	border-radius: 40px;        /* CSS3草案 */  
    -webkit-border-radius: 40px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 40px;
}